Solved

How To Change Font Size And Padding In The Submenu And Remove The Underline ? Dawn Theme

Jackson-pollock
Tourist
21 0 1

 

Hi, I am looking to change the font size, adjust the padding, and remove the underline in the submenu items.

Please provide instructions on how to achieve these modifications. Any assistance you can offer would be greatly appreciated. **Edited by Community Moderator**

 

Screenshot 2024-03-21 110308 (1).png

 

change the font size, adjust the padding, and remove the underline in the Footer 

 

Screenshot 2024-03-21 223212.png

Thank you very much for your time and support.

Warm regards,

Accepted Solution (1)

techlyser_web
Shopify Partner
1407 263 278

This is an accepted solution.

Hello @Jackson-pollock 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .mega-menu__list {
     gap: unset !important;
  }
  .mega-menu__link--active {
     text-decoration: unset !important;
      font-size: 11px !important;
  }
</style>

techlyser_web_0-1711043219639.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
5437 1308 1610

Hi @Jackson-pollock 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.mega-menu[open] .mega-menu__content .link {
    font-size: 18px;
}
.mega-menu__link {
    padding: 1rem 0;
}
 .mega-menu__link--active {
    text-decoration: none;
}

 

And Save. 

Result:

Made4uoRibe_0-1711042734459.png

Note: I didnt remove the line when hover. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


techlyser_web
Shopify Partner
1407 263 278

This is an accepted solution.

Hello @Jackson-pollock 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .mega-menu__list {
     gap: unset !important;
  }
  .mega-menu__link--active {
     text-decoration: unset !important;
      font-size: 11px !important;
  }
</style>

techlyser_web_0-1711043219639.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
techlyser_web
Shopify Partner
1407 263 278

Hey @Jackson-pollock 
Was your question answered? Mark it as an Accepted Solution.
Thanks

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jackson-pollock
Tourist
21 0 1

Thank you for your help! Can you fix the footer also? @techlyser_web 

 

  • Change the font size
  • Adjust the padding, 
  • Remove the underline in the Footer
  • and also change the position of the sign-up form.

Screenshot 2024-03-21 233224.png