Topic: Post Navigation in Sticky Navigation (mobile view)

apinajus

December 29, 2024 at 11:32 am

Hi,
I’ve implemented this functionality that you posted in your youtube channel.

It is working great (see here) in desktop view, but I cannot get rid of the mobile menu in the mobile view.

For the desktop I’ve used this CSS:

body.single .main-navigation:not(.navigation-stick) .sticky-post-navigation {
    display: none;
}
body.single .main-navigation.navigation-stick .sticky-post-navigation {
    width: 100%;
}
body.single .navigation-stick .navigation-branding,
body.single .navigation-stick .main-nav,
body.single .navigation-stick .menu-bar-items 	{
	display: none;	
}

Can you tell me what CSS should I use for the mobile view please?

Thanks

Ying
December 29, 2024 at 12:17 pm
but I cannot get rid of the mobile menu in the mobile view.

Just to confirm you do not want the hamburger icon below the sticky nav?

If so, here’s the CSS:
```
@media(max-width: 768px) { 
#sticky-navigation button.menu-toggle {
    display: none !important;
}
}
```
apinajus
December 29, 2024 at 12:58 pm

Oooops.
I was missing the id.

Sorry about that and thanks!
Ying
December 30, 2024 at 9:46 am

You are welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Post Navigation in Sticky Navigation (mobile view)