Dawn - decrease padding around navigation menu titles

Store Design
, ,
1

Good morning - I’ve been searching a while and haven’t found this solution yet. How can I tighten up the spacing around navigation menu titles?

Screen Shot 2023-03-13 at 10.54.55 AM.png
Screen Shot 2023-03-13 at 10.54.55 AM.png567×509 101 KB

2

@mmstudio
Can you share your store url?

3

https://michelle-masters-topiary-art.myshopify.com/

password auggul

4

Hello @mmstudio

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/base.css theme file.

  3. Add the code at the end of the file:

nav.header__inline-menu .header__submenu .header__menu-item{
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
nav.header__inline-menu  .header__menu-item{
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
nav.header__inline-menu  summary.list-menu__item{
    padding-right: 2rem;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

Thank you! Just what I was looking for.

1 Like
6

@mmstudio

I am so glad that suggestion solution can help.