Hi @comopi,
Thanks for choosing Hestia!
It’s possible to change the header text color on scroll by going to Customizer -> Appearance Settings -> Colors -> Navbar Text Color – screenshot. As for changing the menu size on scroll, unfortunately the theme doesn’t have an option to achieve this.
Have a nice day!
Thread Starter
comopi
(@comopi)
Good Morning. Thanks for the answer. Is it possible to give CSS code to change the size and color of the menu bar when scrolling?
Thank you!
Mat
(@mateithemeisle)
Hello @comopi,
Thank you for your message and apologies for the delayed reply!
You can use CSS to achieve such a behavior even though we do not recommend this method usually.
You can start with the below CSS and then modify it as per your needs:
nav.navbar.navbar-default.navbar-fixed-top.navbar-color-on-scroll.hestia_left.navbar-not-transparent {
height: 100px;
background-color: red;
}
However, if you also want to change the elements within the navbar to adjust when scrolled, then you would also need to insert some JS to target each element and adjust it for the new dimensions.
Thank you for understanding and have an amazing day!
