Title: Adjust floating header trigger
Last modified: November 9, 2020

---

# Adjust floating header trigger

 *  [jarpola](https://wordpress.org/support/users/jarpola/)
 * (@jarpola)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/adjust-floating-header-trigger/)
 * Greetings. I have few questions:
 * 1) I have configured the site to use fixed and floating header in desktop and
   mobile. Background of header changes when scrolling down. How I can adjust the
   amount of scrolling what is needed for change the background color? JavaScript?
   I need to set this properly for different size of screens
 * 2) I want mobile and tablet version looking the same (mobile menu). When I resize
   the browser window and desktop menu is disappeared, there is no mobile menu icon.
   When continuing resizing smaller, mobile menu icon appears. How I can keep mobile
   menu icon visible mobile and tablet version?
 * I have used [@media](https://wordpress.org/support/users/media/) screen and (
   max-width: 1024px) to configure css both mobile and tablet. Is this not enough?
    -  This topic was modified 5 years, 7 months ago by [jarpola](https://wordpress.org/support/users/jarpola/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadjust-floating-header-trigger%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Thread Starter [jarpola](https://wordpress.org/support/users/jarpola/)
 * (@jarpola)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/adjust-floating-header-trigger/#post-13638038)
 * …
    -  This reply was modified 5 years, 7 months ago by [jarpola](https://wordpress.org/support/users/jarpola/).
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/adjust-floating-header-trigger/#post-13647761)
 * Hello there,
 * > 1
 * Try [this solution](https://forums.athemes.com/t/how-to-make-the-menu-header-minimise-sooner-when-you-begin-scrolling/35020/2).
 * > 2
 * Try adding the below CSS code to **Appearance > Customize > Additional CSS** 
   from dashboard.
 *     ```
       @media only screen and (min-width: 768px) and (max-width: 1024px) {
         .site-header .header-wrap .col-md-8 {
           margin-top: 0;
         }
       }
       ```
   
 * Regards,
    Kharis

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

The topic ‘Adjust floating header trigger’ is closed to new replies.

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

## Tags

 * [floating](https://wordpress.org/support/topic-tag/floating/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [scrolling](https://wordpress.org/support/topic-tag/scrolling/)

 * 2 replies
 * 2 participants
 * Last reply from: [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/adjust-floating-header-trigger/#post-13647761)
 * Status: not resolved