Docs

[Benjamin H]

For some reason the page is jumping up on just about all the pages when I scroll on the website and then it won’t scroll down… here is an example page. I don’t know what I changed on the CSS

http://www.lvbaptist.org/challenge-press-book-heaven/

Benjamin

[Nabeel A]

Hi Benjamin,

Thanks for writing in! I checked your page and I am not able to reproduce the issue on my end. The page is scrolling up and down smoothly. I checked few pages and all are working fine here. Can you please share a video recording of the issue so we can look closely and try to reproduce the issue?

Thanks!

[Benjamin H]

You must have not scrolled up and down on the page, because It has issues on both windows and the mac computers I tested it on… Here are two screenshots of before scrolling and then after scrolling. This happens on every page of lvbaptist.org

The page I am demoing: http://www.lvbaptist.org/ministries/
Before: http://prntscr.com/dafx9x
After: http://prntscr.com/dafxg3

[Nabeel A]

Hi again,

I was able to replicate the issue this time, although I did the same thing before. To fix the issue just add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

function stop_jumps() {
	jQuery('header.masthead.masthead-inline').css('height', jQuery('.x-topbar').height() + jQuery('.x-navbar').height());
}
jQuery(document).ready(function(){
	stop_jumps();
});
jQuery(window).resize(function(){
	stop_jumps();
});

Don’t forget to clear your browser’s and site cache after adding the code. Let us know how this goes!

[Benjamin H]

Thank you so much! It seems to have fixed my issues!

One other thing that happened around the same time was the menu bars for some reason are overlapping the menu bar. Can you take a look at this. Thank you so much!

http://prntscr.com/dajlwb

[Joao]

Hi Benjamin,

Please add the following code to Appereance > customizer custom > CSS

.masthead-inline .x-navbar .desktop .sub-menu {
    left: auto;
    right: 0;
    margin-top: 40px;
}

Hope it helps

Joao

[Benjamin H]

This didn’t seem to change anything at all. Any other thoughts?

[Prasant Rai]

Hello Benjamin,

Please use this code instead and let us know how it goes:

ul.sub-menu {
    top: 70px !important;
}

Thanks.

[Benjamin H]

Hmm, It doesn’t seem to work Prasant…

[Nabeel A]

Hi again,

You can remove the previous codes and add this code in your Child Theme’s style.css file:

.x-nav li .sub-menu {
    margin-top: 10px !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Benjamin H]

I removed the previous codes and inserted the new one, saved it, cleared my browser’s cache, and saw no change at all…

[Joao]

Hi Benjamin,

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

[Benjamin H]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thank you for providing the credentials. Please purge all of your cache incluing your CloudFlare’s cache.

Let us know how this goes!

[Author]

Posts