[Illdy] How to keep the menu when scrolling

Hi, thank you for this theme.

I would like to keep the main menu fixed at the top of the screen when scrolling, do you think is it possible with Illdy ???

Thank you for your time

BR, José

Hello @jrelland,

Try using this custom CSS code.
Preferable in a child’s theme stylesheet.css, and temporary inside Dashboard > Appearances > Editor > Style.css, at the end of the file:

.top-header{
    position: fixed;
    z-index: 99;
}

This should do the trick, let me know otherwise.

Regards

Hello thank you for this prompt answer.

Your CSS code works, the menu (and the logo) has been fixed, thank you.

Therefore, the menu stays at the same place and background is transparent. When I scroll the page, this menu is above of each section. The logo is taken too. At the end, it is a bit confusing.

The best would be, after a small scrollin, appear like a (black) menu bar (without the logo) at the top of the screen. Scrolling will starts below this bar.

Perhaps it’s better to let thinks like that. In this case, a transparent button, floating at the bottom of the screen, which allows you to go straight to screen top would be the right thing :).

Thank you for your time and consideration.

Regards, José

Hello @jrelland,

Have a look here on how to set up a back to top button:

https://colorlibsupport.com/t/back-to-the-top-button-and-blog-navigation/

Best regards

Hello,

Just to tell you, about a “to top” button,
I use Dynamic “To Top” Plugin.

Thank you for your time.

Best Regards, José from France :).

Hello @jrelland,

Thanks for sharing, that is clearly a more elegant way to achieve the back to top button.

Will recommend it from now.

Regards

hello,
But what is the problem with ILLDY because this change happend on Mozilla but not in chrome?

I can change main.css and that look on mozilla, but on the chrome no happend. I change the main.scss but nothing

Hello,

That’s quite strange, can you please share the website URL so I can have a closer look at what is going on?

Best regards

How can you keep the header/menu when scrolling, but with a non-transparent or semi-transparent bar behind it (for readability)?
(or have a semi-transparent or non-transparent bar in the header/menu in general - like with the Shapely or Sparkling theme)

Thanks.