Dawn theme - How to align mega menu list

[TheMythGaming]

Hello. How do you align the mega menu list with the Home button?

From this

 To this

 Thank you!

themythwys.com

[B2Bridge · Accepted solution]

Hi @TheMythGaming 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for "theme.liquid" file
3/ Open the file and search for </head> tag and add the following code above </head> tag

Here is the code for Step 3:

{% style %}
ul.mega-menu__list.page-width{
    margin: 0 !important;
}
{% endstyle %}

 If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

[TheMythGaming]

It worked! Thank you @B2Bridge 

[Dan-From-Ryviu]

Hi @TheMythGaming 

Please add this code to Custom CSS in store admin > Sales channels > Online Store > Themes > Customize > Theme settings 

.mega-menu__list.page-width { max-width: 100% !important; }