Drop down menu customize DAWN theme

[WolfieVoir]

Hi guys, i need help working out how i can edit these drop down menu collections. I wont them to all be aligned on the left and not aligned in the middle like this. Thank you!

[Maximus3]

You can save yourself a lot of time by purchasing a theme. I recommend Shopify Templates & Themes - Envato Professionally developed and tested themes go far beyond simple free ones and you can spend your time on the actual business.

[SkillUpDennis]

.site-nav__dropdown,
.site-nav__dropdown ul,
.site-nav__dropdown li {
  text-align: left !important;
  justify-content: flex-start !important;
}

Add that to your base.css/theme.css at the bottom, then refresh.

If it still doesn’t shift, they should right-click → Inspect Element on one of the menu items, check the exact class name, and replace .site-nav__dropdown with that.

[devcoders]

Hello @WolfieVoir

Ok, please share your store URL so I can check and update you properly here.

[tim_1]

This is not how Dawn looks by default, must be some modification.
Therefore it’s necessary to see your site for proper solution.

[Dotsquares]

Hi ,

You should be able to adjust the dropdown alignment by editing your theme’s CSS. Look for the class that controls the dropdown menu (it might be something like .site-nav__dropdown or .dropdown-menu). Then, add or update the CSS with something like this:

.site-nav__dropdown {
text-align: left;
}
.site-nav__dropdown li {
text-align: left;
}

Thanks

[WolfieVoir]

This worked great thank you! Yep, just had to change it to my specific class name

[SkillUpDennis]

Am glad I was able to help, a like and solution tag will be appreciated

[WolfieVoir]

Hi, do you know how i could now make it so the menu options all sit at the bottom of the menu instead of the top? Thanks!