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

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.

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

Thank you :slightly_smiling_face:

@MiltonM hi,
Sorry for this convenient, we are happy to help you as a Shopify partner.
Please share your Site URL with a password if requires.
Thank you
Best Regards

https://www-lifestylemealprep-com-au.myshopify.com/

pw; hello

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hi @MiltonM

Sincerely hope you’re having a great day!

I’ve read your problem and before providing a solution, would like to analyze your website. Then, I will provide a solution to you up here - on the forum.

Could you share your website URL? And if your website is password protected then also provide a password?

https://www-lifestylemealprep-com-au.myshopify.com/

pw; hello

check out this it looks perfect. Are you looking for another mobile view to change it,

I think youre probably on a computer, however, my 13inch laptop itsn’t on the second line. How do i change it to one line on my laptop.

let me check.

It looks like this on my 13inch :disappointed_face:

1 Like

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

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

1 Like

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

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

1 Like

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