Header Height

• 

  Nikita Desai

  |

  Participant

  | May 27, 2019 at 2:38 pm

  Hi! Loved the theme and support so we decided to use it in another site as well…what we want to do here is reduce the page header height (seen when page loads) to the height of header after scrolling (which is a lot less). How do we do this? We’re building on a staging site at the moment.

  Site URL: hidden

  Theme version: Woopress 4.5.3

  

  Content is visible for topic creator and
  support staff only.

  #214435 copied to clipboard
  

  Olga Barlow

  |

  Keymaster

  | May 27, 2019 at 6:53 pm

  Hello,

  Add the following code to Theme Options > Custom CSS

  .navbar {
      padding: 20px 0;
  }

  Regards

  #214440 copied to clipboard
  

  Nikita Desai

  |

  Participant

  | May 28, 2019 at 7:02 am

  No, that did not work. the header (which has the main menu) is still larger on load than on scroll. is there any way i can send you a screen shot of what i want?

  #214446 copied to clipboard
  

  Olga Barlow

  |

  Keymaster

  | May 28, 2019 at 7:26 am

  Hello,

  I don’t see the mentioned code in the custom CSS http://prntscr.com/nu94quhttp://prntscr.com/nu94qu

  Make sure that you added the code and cleared the cache if you use any cache plugin, server cache or CDN.

  Regards

  #214447 copied to clipboard
  

  Nikita Desai

  |

  Participant

  | May 30, 2019 at 8:29 am

  Done as suggested. Looking good if still a little larger than the menu visible on scrolling, might also be because it has a shadow applied. Thanks for the help!

  #214608 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | May 30, 2019 at 8:47 am

  You can change the previous code to https://prnt.sc/nva2f6

  Regards

  #214609 copied to clipboard
Viewing 6 results
1 through 6 (of 6 total)