How to make the only the menu section of the header as sticky - without searchbar overlap [mavon ]

Shopify Discussion
1

announcement.jpg
announcement.jpg1893×707 124 KB

The logo and search bar should be normal , only the menu should be sticky , any suggestions would be helpful. This is Mavon theme .

2

Hello @Anonymous ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

@media only screen and (min-width: 990px) {
.header__sticky.sticky .header__inner {
  padding-top: 20px;
 }
.header__sticky.sticky .header__logo, .header__sticky.sticky .EzfyHeaderSearch, .header__sticky.sticky .header__actions{
display: none;
}
}

Thanks

3

Thank you!!!