How to make the mobile menu scroll after using a sticky header - Minimal theme?

Lindsey79
New Member
5 0 0

Hi

I am using the Minimal theme and have used the following code to make the menu bar sticky which works great, however it now means not all the menu shows to be able to be clicked on in the mobile view.  Is there anyway of making the menu scroll?

.header-bar {
position: fixed;
z-index: 999;
width: 100%;
}
header.site-header {
padding-top: 60px;

Kind Regards 

 

0 Likes
paramSoft
Shopify Partner
1544 243 685

Please provide website url and if your store is password protected then also provide password.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
Lindsey79
New Member
5 0 0

Thanks for the reply.

I have shortened my menu for the time being so it fits.  But I would like to have the option of it scrolling for the future.  The site isn't finished yet but I've turned off the password protection so you can access it https://perfectideal.co.uk/

Your help would be much appreciated.

0 Likes