Pinned Header + Clickable Side Bar Menu (Mobile View Only)

itsSelman
Tourist
24 0 2

Hello community,

 

Big day in 12 hours! our website will go live!!!!

I'm using Debut Theme, Web view is all perfect! I just need help please for the mobile view!

First Thing I want my header to be pinned as I'm scrolling down the page!

image_123986672 (1).JPG

And second, I want these categories below (skincare,makeup etc ..) to be clickable and directs you to their pages (works fine on web view) and the button to allow going to the subcategories. Currently it takes me straight to the subcategories.

image_123986672.JPG

 

I'll be forever grateful thank you in advance

0 Likes
tony5280
Shopify Partner
61 6 18

Sticky header?

I got you.

div#shopify-section-header {
    z-index: 1000;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
}

 

I'm not really following you on the subcategories bit. Can you share a url? 

0 Likes
itsSelman
Tourist
24 0 2

Thanks, where should I place that code?

The subcategories show up once you click on the arrow ">" that part I want it to stay that way, what I try to do is when you click on each word, it takes you to a specific page.

0 Likes