What's your biggest current challenge? Have your say in Community Polls along the right column.

How can I make my menu remain visible while scrolling?

Solved

How can I make my menu remain visible while scrolling?

JADIS
Explorer
169 1 19

Good morning,

 

I would like my menu to remain visible even when I scroll down, on mobile and on computer. Do you know what I can do?

 

Theme: Dawn
Website: jadis-shop.com

password : rj

 

thanks in advance

Accepted Solution (1)

PageFly-Theodor
Shopify Partner
691 86 103

This is an accepted solution.

Hi @JADIS,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the sticky header, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

 

.shopify-section-header-hidden {
    transform: none !important;
}


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

PageFly-Theodor
Shopify Partner
691 86 103

This is an accepted solution.

Hi @JADIS,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the sticky header, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

 

.shopify-section-header-hidden {
    transform: none !important;
}


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

syedsumaimaly
Trailblazer
147 16 22

Hi @JADIS 

Follow these steps:

Go to customize theme

find heade.liquid file and 430 to 445 remove this below underlined code.

syedsumaimaly_1-1696324420155.png

 

syedsumaimaly_0-1696324314216.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

 

 

David_SHT
Globetrotter
605 125 126

Hi @JADIS ,

 

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

 

.shopify-section-header-hidden {
    transform: translateY(0);
}

 

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)