Docs

[brendanduggan11]

Hi, when in mobile mode, once the page is scrolled the mobile header is no longer pushed to the top of the page.

I would like it to be pushed to the top of the page when scrolled down then back up.

Thank You.

http://www.sunshinesalsatours.com

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[brendanduggan11]

This reply has been marked as private.

[Rue Nel]

Hello There,

This maybe just a caching issue. Since you have installed a caching plugin Endurance Page Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

You can check your dashboard, BlueHost > Performance. For more information, please check this:
https://wordpress.org/support/topic/what-is-wp-contentendurance-page-cache-creating-thousands-of-directories/
https://github.com/bluehost/endurance-page-cache

If you have a 3rd party plugin that minifies the JS and CSS, you also need to delete and clear the minified JS and CSS. It will regenerate the minified version and this is to make sure that latest JS and css has been minified and used in displaying your site.

Hope this helps.

[brendanduggan11]

Hey, there, I disabled the performance settings and and cleared the cache. It didnt fix the problem. The other changes I make seem to get updated right away so I dont think that was the issue.

and as far as I know none of the my plug ins minify the js or css.

[Rad]

Hi there,

What do you mean by pushed to the top? It’s always on top regardless of device.

Thanks!

[brendanduggan11]

img_0938 is what the page looks like on mobile on intial page load without scrolling.

img_0939 is after scrolling down then back up.. You can see that the navbar is no longer pushed to the top. I would like to fix that. Thank you

[Christopher]

Hi there,

Please add this code :

@media (max-width:979px){
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 90px;
}
}

Hope it helps.

[brendanduggan11]

It didn’t help.

[Rad]

Hi there,

Please change this CSS,

@media (max-width: 979px) {
body .x-navbar.x-navbar-fixed-top {
    position: fixed;
    width: 100%;
    height: auto !important;
}
}

to this

@media (max-width: 979px) {
.x-navbar {
    position: fixed;
    width: 100%;
    height: auto !important;
}
}

Hope this helps.

[brendanduggan11]

unfortunately, didnt help.

The change it made is that it now loads like my screen shot IMG_0939.jpg right off the bat rather then after the page has been scrolled.

[Rue Nel]

Hello There,

Thanks for updating in! I have inspected the page I can not see that you have applied the given code. Did you happen to remove it already? Could you please put it back so that we can replicate the issue?

Thank you in advance.

[brendanduggan11]

Yes, I had removed it.

Ok, I added it again. You can now hopefully see whats up.

[Christopher]

Hi there,

The mobile menu is fixed on top, please see the attachment.
Please clear cache and check again.

Thanks.

[brendanduggan11]

my friend, yes it is fixed to the top.

The problem is that it is covering half of the slider as you can see in my screenshot attachment.

How do I get rid of this overlap so the navbar is pushed all the way to the top and the slider is pushed down however far it needs to be pushed as to it is not covered by the navbar. As it is now looks terrible

Thank you

[Author]

Posts