Can you add more space in between main menu links?

Hi,

Was wondering if this is possible on the Dawn 2 theme?

My main menu links look too close together

www.generationaudio.co.uk

Thanks

Scott

1 Like

Hi @Gen-Audio , sure you can. Go to your assets/base.css file. Find this element:

.header__menu-item {
    padding: 1.2rem;
    text-decoration: none;
    color: rgba(var(--color-foreground), 0.75);
}

And change padding value, for example:

.header__menu-item {
    padding: 1.6rem;
    text-decoration: none;
    color: rgba(var(--color-foreground), 0.75);
}

Hope this helps :slightly_smiling_face:

1 Like

Hello @Gen-Audio

@MarinaPetrovic

Thank you! Worked perfect :slightly_smiling_face:

You’re welcome @Gen-Audio ! Glad I could help!

1 Like

Maybe)) Go to your theme’s code editor//select -“component-list-menu.css

Add the code below:

.header__menu-item {
margin-right: 1rem;
margin-left: 1rem;
}

click save

If I helped you, please like and mark as completed