Dropdown menu alignment messed up Studio theme

Hi I’m having trouble with alignment of my dropdown menu items using the Studio theme. To space out the three options in my menu I added the following to my the custom css panel in the theme editor.

ul.list-menu.list-menu–inline li {
margin: auto 120px;
}

This got my closer to the spacing of the three menu options I was looking for but then as a result the items in the dropdown menu are all messed up how do I fix the alignment and get them left justified in the dropdown menu and the text on one line? See the “Visit” menu option for good example of the problem with “NH Storefont” and “NH Booth” options.

https://nickhaus.myshopify.com PW:taghai

Hi @nickhausshop ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


Hope my answer will help you.

Best regards,

Victor | PageFly

Thank you Victor that worked. Much appreciated.