Not Hiding Section on Mobile

Support
#1

I’ve tried multiple things and I cannot get this section to hide on mobile. Any ideas…? And-there are not other duplicate sections with the exact same info anywhere either. This is the only version of this section.

UPDATE: In fact, several sections are not hiding for mobile even when I turn them off…seems like a recurring problem

Thank you.

#2

Hi There,

Upon checking your website, I could see that your Pro theme is outdated.

Could you please try updating your Pro theme to the latest version: https://theme.co/changelog/?

Let us know how it goes!

#3

Is that going to erase all my custom CSS data, or will it remain since i didn’t modify the original source file?

#4

Ok, I updated and now I’m getting this with the scrolling bar.
The other bars are hidden for this screen size. Not sure why it’s happening

#5

Hello @rmcgroup,

Thanks for updating thread. :slight_smile:

Please add following CSS into Pro > Theme Options > CSS and let us know how it goes:

.e544-17.x-bar.x-bar-top {
    top: 0px !important;
}

Thanks.

#6

That did not change anything, unfortunately. Any other ideas?

Thank you.

#7

Hi there,

Would you mind providing your admin access in a secure note so that we can check the page?

Thank you.

#8

OK, just left secure note on my last post. Please advise, thank you.

#9

Hi There,

Please inspect your mobile bar and under the customize tab, add the custom CSS below on the Element CSS area.

$el { top: 0 !important;}

Hope it helps,
Cheers!

#10

I appreciate the reply, but it did not change anything: see below. Any other ideas?

#11

Hi There,

Please try adding this custom CSS under Pro > Theme Options > CSS:

.home .x-bar.x-bar-top {
    top: 0 !important;
}

Let us know how it goes!

#12

Thank you. That seemed to work for a minute on main homepage, but it’s not working again, and it’s not working for the internal pages at all, such as /captive -insurance, /personal-insurance, etc… any ideas?

Thank you.

#13

Hi There,

I’d check your home page and the CSS code provided by Thai is still in effect.


Try clearing your browser’s cache.

Yes, the code will only affect the home page. if you want to apply this on all pages please update the given CSS code to this:

.x-bar.x-bar-top {
top: 0 !important;
}

Hope that helps,
Cheers!

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.