Dawn theme - How to align mega menu list

Store Design
, ,
1

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

From this

Screen Shot 2025-02-17 at 2.30.51 PM.png
Screen Shot 2025-02-17 at 2.30.51 PM.png533Ă—268 2.98 KB

To this

Screen Shot 2025-02-17 at 2.30.51 PM.jpg
Screen Shot 2025-02-17 at 2.30.51 PM.jpg533Ă—268 6.53 KB

Thank you!

2

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 tag and add the following code above 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 :heart_eyes:

3

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; }
4

It worked! Thank you @B2Bridge