• 

  Nikita Desai

  Participant

  May 27, 2019 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

  Like
  

  Olga Barlow

  Support staff

  May 27, 2019 6:53 pm

  Hello,

  Add the following code to Theme Options > Custom CSS

  .navbar {
      padding: 20px 0;
  }

  Regards

  #214440 copied to clipboard

  Like
  

  Nikita Desai

  Participant

  May 28, 2019 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

  Like
  

  Olga Barlow

  Support staff

  May 28, 2019 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

  Like
  

  Nikita Desai

  Participant

  May 30, 2019 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

  Like
  

  Rose Tyler

  Support staff

  May 30, 2019 8:47 am

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

  Regards

  #214609 copied to clipboard

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