[bernabranco]

Greetings

Im trying to make the menu of business focus free theme sticky with CSS.

I’ve tried:
site-header{
position:sticky;
}

or

site-header{
position:fixed;
}

But it seems to not work.
How do I do this with this theme?

Best Regards,
bernabranco

[bernabranco]

ok it’s working now.

Used:

.site-header-main{
position:fixed;
width:100%;
}

[bernabranco]

I spoke too soon 🙂

So,

In homepage .site-header-main appears to work but when you size down to iPad or mobile size it starts giving problems when you open the menu, such as close arrow disappears.

And when you go to other pages, independent of screen size, menu functionality is gone, you can’t click on anything and it gives a lot of problems such as images overlapping on top of it.

What is the correct way of putting this menu position fixed?

Best Regards,
bernabranco

[Skandha]

@bernabranco: Hello Bernabranco,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[bernabranco]

here is the URL, thanks for such a fast response!

https://youngstar.com.pt/

Kind Regards,
bernabranco

[Skandha]

@bernabranco: Hello Bernabranco,
To make the menu sticky please use our plugin Catch Sticky Menu. Install and Activate the plugin.

Then,
Go to => Dashboard => Catch Sticky Menu => Insert Desktop Menu Selector and Mobile Menu Selector as #masthead. Change the Sticky Background Color and Sticky Menu Text Color as well as other options and Save Changes.

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts