[magefa]

Hi , I have an issue with our site : https://www.magefa.com on Mobile .

If you click on MENU and scroll down , it is scrolling the page down , but you can’t scroll the MENU down to see all items .

Anyway to solve this with additional CSS ?

I appreciate any help .

Kai

[tikaram]

@magefa : I checked your site on a mobile device. I don’t seem to find any issue with the menu items. Although you have many menu items but the menu items are fine at my end. If you are still having issue please let me know the device that you have used to test your site.

Regards,
Tikaram

[magefa]

Hey tikaram ,

Thanks for checking .

After I posted I was able myself to fix the issue with some additional CSS and make the MENU sticky .

Here is the additional CSS I’ve added:

#masthead {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 300;
}
.main-navigation a {
color: #fff;
display: bold;
font-size: 20px;
line-height: 0.5;
outline-offset: -1px;
padding: 12px 15px;
white-space: nowrap;
}

 

Thanks,

Kai

 

[Author]

Posts