How can I increase left padding in my mega menu drop-downs?

Store Design
, , , , ,
1

Hello, I want my mega menu drop-downs to have more left padding, can smbd help me with that ?
This is what I have now:

Screenshot 2023-09-14 at 5.04.05 AM.png
Screenshot 2023-09-14 at 5.04.05 AM.png1118Ă—278 6.39 KB

1 Like
2

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

3

Hi @AceStore

Do you mean like this?

Made4uoRibe_0-1694692016558.png
Made4uoRibe_0-1694692016558.png599Ă—292 27 KB

If its is heres the code.

  • 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:
li.navigation__item {
    padding-left: 10px;
}

And Save.

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

4