[Resolved] Default contained menu to 100% full width sticky menu?

[Anders]

Hi,

I have set my navigation layout to contained and so the sticky menu gets contained to.

How/what css do I need to change to get the sticky meny to appear fluid/full width 100% instead of default contained?

Hope I explained it so you understand .. =)

[Tom]

Hi there,

Give this CSS a try:

.navigation-clone {
    max-width: 100% !important;
    left: auto !important;
    margin: 0 !important;
}

• This reply was modified 8 years, 3 months ago by Tom.

[Anders]

Hi Tom,

No, did not do the trick .. I tested that earlier to but without the !important tag .. Oops ..

Anything else up your sleeve .. =)

[Tom]

I adjusted the code above – let me know if it works or not 🙂

[Anders]

Thanks a lot Tom .. Works well .. Would be nice to set this in the plugin along with the menu width so the menu expands 100% to .. Maybe in a future plugin update .. =) .. Options are realy nice to have .. 😉

Anyway, Thanks again Tom .. You saved my morning .. =)

[Tom]

You’re welcome! 🙂

[perlfan]

Hi Tom,

I just bought the theme and it seems as if the above problem (having a full width sticky menu) is not yet implemented in the theme customizer. Can you pls tell me how to implement the CSS above? Where do I need to paste it? And will the css be overwritten if I update the theme?

Thanks, Frank

[David]

Hi there,

this topic is really old, can you raise a new topic where you can share a link to your site using the Site URL field. We can then take a look at the issue.

[Anders]

Hi there Frank,

Use this plugin https://wordpress.org/plugins/simple-css/ and just paste the code within it, easy ..

// Leif

[perlfan]

Great, thank you, Leif!

[Author]

Posts