How can I adjust the text size in Dawn theme's mega menu dropdowns?

Shopify Discussion
1

Hi…

Does anyone know how to change the text size in the mega menu dropdowns on the Dawn theme? I have already changed the text size of the parent menu items but I’d love to also change the size on the child & grandchild menu items. Images attached.

Thanks in advance!

URL - https://8lemonpips.com/

Current Password - eyacau

Screenshot 2024-04-09 at 18.17.41.png
Screenshot 2024-04-09 at 18.17.41.png2138×540 74.6 KB

2

Hello Emilyaugstudios,

It’s good practice to create a copy of your theme and work on that to preview the changes before applying, especially if you are editing the raw code. Alternatively, you can also use the Shopify theme editor’s versions to revert to previous versions, but it is not recommended if you are making multiple changes.

Now to answer your specific question on how you can change the mega menu text size, please follow the below steps:

  1. Open the code editor, as shown in the screenshot below:

swym_0-1712741388259.png
swym_0-1712741388259.png1600×668 156 KB

  1. Create a snippet called ‘custom-menu-styles’ and add the below code:
  1. Include the ‘custom-menu-styles.liquid’ file in your “theme.liquid” file.
    Add the following include code to your theme.liquid file.
{% render 'custom-menu-styles' %}

It would look something like below:

swym_1-1712741558179.png
swym_1-1712741558179.png1600×781 254 KB

  1. Please see the screenshots below for reference, which highlight the components mentioned in the CSS code:

swym_4-1712741664034.png
swym_4-1712741664034.png1600×654 107 KB

swym_3-1712741613409.png
swym_3-1712741613409.png1600×416 109 KB

  1. Done? Now save the file, and try previewing to confirm if the changes work for you.

I hope this helps!

Regards,
Abhishek from Swym

1 Like
3

Hi @emilyaugstudios Thanks for the URL. Please add this code where you should have added your previous custom CSS code( I think it’s base.css).

.mega-menu__link {
font-size: 10px !important; //change it according to your needs.
}

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

2 Likes