Header menu space & dropdown menu width - Debut Theme

[Peekaboo]

Hi, I would like to increase the space between each menu items & shorten the width of the dropdown menu.

https://peekaboo-play-box.myshopify.com/
pw: auweey

Thanks in advance.

[dmwwebartisan · Accepted solution]

@Peekaboo 

Please add the following code at the bottom of your assets/theme.css file.

.site-nav a {
    padding: 3px 20px !important;
}

.site-nav__dropdown--centered {
width: auto !important;
}

Hope this helps.

Thanks!

[Peekaboo]

that works! thank you so much!

[Hjnc53]

Hi, I tried using the code for reducing the width of the drop down menu, I got the size I wanted but now the drop down moved to the left (see image below)

it originally looked like this

[dmwwebartisan]

@Hjnc53 

Please provide your website URL. I will check and provide the solution here.

Thanks!

[Hjnc53]

Hi this is the website URL: https://mlv-sports.myshopify.com/ I'm only having issues for the "clubs" drop down menu

[dmwwebartisan]

@Hjnc53 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-nav__dropdown{
left: auto !important;
}

Hope this helps.

Thanks! 

[Hjnc53]

It Worked! Thanks!

[dmwwebartisan]

@Hjnc53 

If helpful then please Like.

[breeziecee]

Hello! I am needing help also for my dropdown menu. It is not wide enough for the text. 

https://originalsprout.com/