Minimal theme logo not fixed with main menu

Highlighted
Tourist
7 0 1

hello

i have a problem in my store

 

i want to make logo ,cart,and the main content be fixed all main menu

i tried that solution

 

https://community.shopify.com/c/Shopify-Design/Sticky-Fixed-Header-and-Navigation-for-Minimal-Theme/...

 

but it didnt make it happen

what should i do :)

0 Likes
Highlighted

Hello Hisham,

If you want the whole header to be fixed

Screen Shot 2020-03-21 at 8.35.25 AM.png

To get something like this 

Screen Shot 2020-03-21 at 8.37.29 AM.png

Then replace the styles you have added with this 

 

[data-section-id="header"] {
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #fff;
}

.wrapper main-content {
     padding-top: 340px;
}

But frankly, I wouldn't do this as the header will take half the screen. You can try to reduce the height of the header when scrolling.

0 Likes