Hi everyone,
I have a problem with the alignment of my mobile drawer menu. The Item list are not properly aligned. Does anyone know where can I adjust it? See photo for reference:
Store Preview URL: https://g2kw4sinmcozvgz1-13830324282.shopifypreview.com
Topic summary
A user is experiencing misalignment issues with menu items in their mobile drawer menu on the Dawn theme. An attached screenshot shows the visual problem.
Proposed Solutions:
-
Remove extra spaces: Multiple respondents suggest the issue stems from unwanted spaces in the menu item labels. The recommended fix is to navigate to Store Admin > Content > Menus > Edit Main Menu and remove any blank spaces at the beginning of menu labels.
-
CSS override: One user provides custom CSS code to be added to the theme.liquid file (above the
</body>tag) that forces left alignment of menu items, including a visual result showing the corrected layout.
Status: The discussion presents two approaches—editing menu labels directly or applying CSS—but no confirmation yet on which solution the original poster implemented or whether the issue is resolved.
1 Like
hey @IntechCarl i think you add some space that’s why the item i not align
so plz removed the space and then your problem is solved
if it is helpful for you then forget to like and mark it solution
1 Like
Hey @IntechCarl
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Please go to your store admin > Content > Menus > Edit Main menu, remove a blank space at the begin of that menu label to solve it.
1 Like