Limiting menu width in header

hardatworktom
New Member
6 0 0

Hi,

I was looking to limit the width of my menu header so that the menu doesn't stay on one line (like below).

current menu.png

When I loaded the page (before it had 'loaded' correctly) the menu appeared like it does below before going full width, and I think that the below menu is a better look.

menu when the website was loading.png

Is there any way to go about achieving this?

Thanks,

Tom

0 Likes
SagarikaDas
Shopify Partner
118 11 38

Hey @hardatworktom,

Have you tried to change the font size on the menus?

 

Sagarika Das | iCart Team
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
0 Likes
hardatworktom
New Member
6 0 0

Hi @SagarikaDas, thanks for the reply.

I gave that a try but it didn't make a difference to the size.

0 Likes
ElegantStack
Shopify Partner
1 0 0

Hello @hardatworktom ,

I checked the source code of your homepage and a javascript event attached to the window resizing is adding inline CSS styles (specifically font-size: 12px) to each link in the menu and it's overriding the original font size thus causing the issue. If you would like me to investigate it further, please PM me and I'd be happy to help you fix it.

 

menu-issue.png

 

0 Likes