• 

  Annet

  Participant

  June 24, 2019 3:31 pm

  Hi!

  At the top of my website in the header I have a menu with my logo in the middle. When I scroll the look of the menu changes and the logo goes left!? That shouldn’t be the case right?

  Theme version: 5.3.1

  #216105 copied to clipboard

  Like
  

  Olga Barlow

  Support staff

  June 24, 2019 4:06 pm

  Hello,

  We have a lot of type of the main header but the only one type of the fixed header. If it does not suit your needs you may disable it in Theme Options > Header > Fixed header and add the following custom ty child theme style.css to make the main header as the sticky header

  .header-wrapper {
      position: fixed;
      z-index: 9;
  }
  
  .page-heading {
      padding-top: 120px;
  }

  Regards

  #216112 copied to clipboard

  Like
  

  Annet

  Participant

  June 24, 2019 5:25 pm

  Yes, thanks!

  The only thing is that the background of the menu is transparant now so not readable all the time. Is it possible to get that white and adjust the height?

  #216116 copied to clipboard

  Like
  

  Olga Barlow

  Support staff

  June 24, 2019 6:05 pm

  Hello,

  If you use the main header as the sticky header than additional custom CSS affect both main header and header on scroll. Do you want the white header for all the pages or for the home page only?

  Regards

  #216125 copied to clipboard

  Like
Viewing 4 results
1 through 4 (of 4 total)