Docs

[Buck W]

Hi,

Is there a reason why with the one page navigation the jumping in the menu doesn’t work correctly? Is there something I should be doing differently? Here is the site I am working on where it doesn’t jump fully to the correct content band when veiwing on a phone, yet it jumps fine on a desktop. http://www.brittondaniel.com

[Buck W]

Would it have anything to do with my hidden content? Or does the mobile menu just not work well with one page navigation? It seems to not jump to the top of the content band.

[Christian]

Hey Buck,

That is because the offset is still working in mobile but the Navbar is not in fixed position anymore. To make the navbar stay fixed, please add the code below in the Customizer > Custom > CSS.

@media (max-width: 979px) {
	.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
		position: fixed;
	}
}

Hope that helps. 🙂

[Buck W]

That helps, but how do I get the mobile menu to fold back up? It stays open and you cannot see anything.

Thank you

[Christian]

Hey Buck,

Can you give us more details. It seems fine to us (see http://screencast.com/t/rvKlXYHIefMU).

Thanks.

[Buck W]

so, when using the website on a phone, you click on one of the menu items. Lets say I click on services, it jumps to services section, but the menu doesn’t collapse. The menu stays open and you can’t see much of the website.

[Rad]

Hi Buck,

Add this code at your customizer’s custom javascript.

jQuery(function($){ $('#menu-main-menu a').click(function(){  $('.x-btn-navbar').click(); }); });

It should trigger collapse when a menu item is clicked.

[Buck W]

Thank you. It worked!!

The word “Testemonials” runs off the screen on a phone. How can I fix it so it doesn’t run off the screen?

[Rad]

Hi Buck,

I tested on my side and it’s okay, would you mind sending a screenshot? And which phone this issue occurs?

Thank you.

[rrrsarda]

This reply has been marked as private.

[Thai]

Hi @rrrsarda,

Could you please create a new topic, then provide 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 a private reply. This ensures your information is only visible to our staff.

Thanks.

[lealongordonjr]

Hello! I am having the same issue and wonder if you guys can help me out? I tried using the java script above and may have not done it correctly but it’s still not working…

[Rue Nel]

Hey @Lealongordonjr,

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.

Thank you.

[MoreRam3D]

This reply has been marked as private.

[MoreRam3D]

This reply has been marked as private.

[Author]

Posts