How can I create a sticky header for my e-commerce site using Electronics Premier theme?

Store Design
1

Hello! I’m new to e-commerce world and got stuck on how to get a sticky header when customers are scrolling up on their device.. Electronics premier theme by brandafy beauty demo.

Grateful for any advice given.

2

Hi @Ninirosa
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hello @Ninirosa ,

Follow the snippet and implement in the theme you are using or make a featured request to theme support or the developer you are working with.

Thanks

4

https://barrettech.net/password

https://barrett-electronics-gadgets.myshopify.com/admin

Website password: Ninipass

5

Hi @Ninirosa .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file theme-styles.css

.wrapper-header.wrapper_header_supermarket.wrapper_header_08.header-lang-style2.disable_vertical_menu{
position: sticky !important;
top: 0 !important;
z-index: 10 !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

6

@Ninirosa

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?