Site logo

Archived topic

Sticky Menu ALWAYS visible, not just on scroll: how?

11 replies · Started by Piccia on June 7, 2017

Viewing posts 1–12 of 12

Hi there, I think I might have posted on this before but cannot find the thread and never received a notification, so if that's the case sorry in advance.

The client wants the menu to be *always* visible, not just appear as you scroll down. How do I achieve that? I just can't work it out.

The website is behind a password so if you want to see, let me know in a private answer if possible.

Many thanks

Piccia

That's great, thank you Leo!

However, now the menu goes on two lines even though I have set the width to full:

https://snag.gy/mMki4Z.jpg

Any idea how to avoid that?

Thank you

Unfortunately adjusting menu item width has done nothing. Also, that's set as primary nav, so why would secondary help? Also not sure why it's just not full width when I've set it to full width.

Any other ideas? thank you in advance

Yes it is set to full width, see screenshot posted earlier:

https://snag.gy/mMki4Z.jpg

Adjusting the menu item width only makes the menu wider, but still on two lines. So it doesn't help unfortunately.

Looks like something is going on with the container width.

Can you provide a link to your site? You can send it through Account Issue here and just mention the topic:
https://generatepress.com/contact/

In your custom CSS, you have this:

.main-navigation {
    position: absolute;
    width: 100%
    left: 60x;
}

You're missing a semi-colon after the 100%, so it should be this:

.main-navigation {
    position: absolute;
    width: 100%;
    left: 60px;
}

I am officially a plonker. Thank you Tom and Leo and sorry.

Resolved.

No worries! Glad I could help :)

This archived topic is closed to new replies.