Title: Increase and decrease scroll menu bar
Last modified: May 13, 2022

---

# Increase and decrease scroll menu bar

 *  Resolved [comopi](https://wordpress.org/support/users/comopi/)
 * (@comopi)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/increase-and-decrease-scroll-menu-bar/)
 * I want to change the color and size of the menu when doing scrol. It’s possible?

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [luciamarinescu](https://wordpress.org/support/users/luciamarinescu/)
 * (@luciamarinescu)
 * [4 years ago](https://wordpress.org/support/topic/increase-and-decrease-scroll-menu-bar/#post-15645856)
 * Hi [@comopi](https://wordpress.org/support/users/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](https://vertis.d.pr/TMl0lf).
   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](https://wordpress.org/support/users/comopi/)
 * (@comopi)
 * [4 years ago](https://wordpress.org/support/topic/increase-and-decrease-scroll-menu-bar/#post-15648657)
 * 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](https://wordpress.org/support/users/mateithemeisle/)
 * (@mateithemeisle)
 * [4 years ago](https://wordpress.org/support/topic/increase-and-decrease-scroll-menu-bar/#post-15677671)
 * Hello [@comopi](https://wordpress.org/support/users/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!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Increase and decrease scroll menu bar’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hestia/3.3.4/screenshot.png)
 * Hestia
 * [Support Threads](https://wordpress.org/support/theme/hestia/)
 * [Active Topics](https://wordpress.org/support/theme/hestia/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hestia/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hestia/reviews/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 3 replies
 * 3 participants
 * Last reply from: [Mat](https://wordpress.org/support/users/mateithemeisle/)
 * Last activity: [4 years ago](https://wordpress.org/support/topic/increase-and-decrease-scroll-menu-bar/#post-15677671)
 * Status: resolved