-
-
I updated to your last version and have the <span style=”background-color: #fcfcfc; font-family: -apple-system, system-ui, ‘Segoe UI’, Roboto, Oxygen-Sans, Ubuntu, Cantarell, ‘Helvetica Neue’, sans-serif; font-size: 14px; font-weight: 600;”>Show Top Navigation on Mobile (Small screens) set to ON. </span>But it is overlapping the main header (logo, hamburger menu) on both tablet and phone. How can I fix it?
-
Hello,
Please add this code into your Custom Css box:
@media(max-width: 480px){ .header_wrapper.transparent.header_1.background--light { padding-top: 100px; }} @media(max-width: 979px){ .header_wrapper.transparent.header_1.background--light { padding-top: 100px; }}
Change the value to your wish.
Best regards! -
It works to push it down on first load but when you scroll down the page. The sticky nav doesn’t move to the top but leaves an empty space where the top widgetized area is.
https://www.dropbox.com/s/dzi3dhsaetb8vh4/Screen%20Shot%202019-06-19%20at%2011.00.31%20AM.png?dl=0
-
Hello,
Please go to file js/main.js and find this line:
$('.header_wrapper').css('position', 'fixed').css('visibility', 'visible').addClass('open');
Replace with this:
$('.header_wrapper').css('position', 'fixed').css('visibility', 'visible').css('padding-top', '0px').addClass('open');
Let us know.
Best regards! -
I made the change and it did not work. Still looking the same. Any help will be appreciate it.
-
-
I do not want the top widgetized area to show but to dissapear cause it takes too much space on the top as you scroll down.
I was able to accomplish it with the following code:
@media(max-width: 320px){
.header_wrapper.transparent.header_1.background–light {
top: 20px!important;}.sticky_header .header_wrapper.transparent.header_1.background–light {
padding-top: 0px!important;
opacity: .8;
top:0!important;
}
}@media (max-width: 979px){
.header_wrapper.transparent.header_1.background–light {
padding-top: 80px!important;}
.sticky_header .header_wrapper.transparent.header_1.background–light { padding-top: 0px!important;
opacity: .8;<span style=”white-space: pre;”>
</span>}
} -
Hello,
By default the top header is not shown in mobile. The code we gave you was to make it show. However, it’s good to know you have set it up to you wish.
Best regards!
-
You must be logged in to reply to this topic.