How to put Menu navigation on one line (debut theme)

Solved
dmwwebartisan
Shopify Partner
9136 2117 2885

This is an accepted solution.

@MiltonM 

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

@media only screen and (min-width: 750px){
nav#AccessibleNav { width: 130% !important; }
}

Hope this works.

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 →
0 Likes
MiltonM
Excursionist
21 1 3

This is an accepted solution.

Thank you, it works!! How do make the spacing from each menu title a little wider?

dmwwebartisan
Shopify Partner
9136 2117 2885

This is an accepted solution.

@MiltonM 

Initially, I checked. Sorry to say but we can't give more spacing. If we do then it will jump to the next line.

Hope you understand.

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 →
0 Likes
MiltonM
Excursionist
21 1 3

I deleted one menu item, can I adjust the space now?

dmwwebartisan
Shopify Partner
9136 2117 2885

@MiltonM 

Remove the previous code and add this new code.

@media only screen and (min-width: 750px){
nav#AccessibleNav { width: 140% !important; }
.list--inline>li{ padding:4px; }
}

 

Hope this works.

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 →
0 Likes