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

Technical Q&A
1

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

2

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

2 Likes
3

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.