Header menu space & dropdown menu width - Debut Theme

Solved
Peekaboo
Tourist
9 0 5

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.

Peekaboo_0-1607652925341.png

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2226 3057

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 9 (9)
dmwwebartisan
Shopify Partner
9731 2226 3057

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Peekaboo
Tourist
9 0 5

that works! thank you so much!

Hjnc53
Tourist
8 0 3

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)

Hjnc53_0-1614850666368.png

it originally looked like this

Hjnc53_0-1614850929290.png

 

 

dmwwebartisan
Shopify Partner
9731 2226 3057

@Hjnc53 

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Hjnc53
Tourist
8 0 3

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

dmwwebartisan
Shopify Partner
9731 2226 3057

@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! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Hjnc53
Tourist
8 0 3

It Worked! Thanks!

dmwwebartisan
Shopify Partner
9731 2226 3057

@Hjnc53 

If helpful then please Like.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
breeziecee
Tourist
10 0 2

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

https://originalsprout.com/