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

Solved
MiltonM
Excursionist
24 1 3

Hello, 

How do I put my Menu navigation on one line. It currently looks like this. ALSO How do I change the spacing of each word after I out it all in one line.  Screen Shot 2021-06-29 at 7.41.41 pm.png

I've used some codes found in the forum but it changes my product page width. 

 

Thank you 🙂

Accepted Solutions (3)
dmwwebartisan
Shopify Partner
12215 2537 3659

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

MiltonM
Excursionist
24 1 3

This is an accepted solution.

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

View solution in original post

dmwwebartisan
Shopify Partner
12215 2537 3659

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 14 (14)