How to create a sticky header in supply theme?

samsark105
New Member
1 0 0

Website - https://www.829tuning.com/

I want to make only the header with black bg sticky and not the navigation menu. Tried css in many places but it makes both the header and the navigation bar sticky.

Any idea how to achieve this?

Using supply theme!!

TIA

0 Likes
LitExtension
Shopify Partner
1182 146 207

 Hi @samsark105

You want this sticky: https://i.imgur.com/a5bOX1h.png

It will need to change a lot, first you need to change the HTML of the header, add easysearch in the header. https://i.imgur.com/6JCxZBY.png

Then you can css sticky for header with CSS position: fixed.

Hope it helps!

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes