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 screen and (max-width: 1024px) to configure css both mobile and tablet. Is this not enough?

    • This topic was modified 4 years, 4 months ago by jarpola.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jarpola

    (@jarpola)

    …

    • This reply was modified 4 years, 4 months ago by jarpola.

    Hello there,

    > 1

    Try this solution.

    > 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.