Sticky “Header

[Ioannis Fellas]

Hello, I am using your theme n my clients eshop : https://phonomono.gr
The problem is that the sticky header menu bar when scrolling down it covers the products and generaly is too big in height. How can i make it smaller or to show only bar menu when scrolling down so not to cover the screen with products? Thank you very much.

[Andy]

The logo is quite large at 200px in height.

You could add some custom CSS to make the logo smaller when scrolling, and the header will then not take up so much space.

#masthead.scrolled #site-branding .custom-logo {
  margin: 0;
  max-height: 50px;
  width: auto;
}

Add the custom CSS above to Appearance > Customize > Additional CSS

[Ioannis Fellas]

Thank you very much.

[Author]

Posts