How can I align menu items in a single line?

[mel30]

Hello Experts,

I want to align the Menu items in a single line

Could you please help me with this.

Thank you for your help!

Here is the page link: https://www.athreyaherbs.com/

[OmeerEco]

Just decrease the little font size like the attached:

[mel30]

Thank you @OmeerEco . Is there other way to do it without reducing the font size.

[PageFly-Victor]

Hi [email removed]Mel30,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file styles.scss or styles.scss.liquid

Step 3: Paste the below code at bottom of the file → Save

.container.content.header-container{width:100% !important}

it doesn’t need reduce font size

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[mel30]

Thank you @PageFly-Victor This works

[PageFly-Victor]

You are welcome. I’m glad when I can help you

[mel30]

@PageFly-Victor

When the media screen is below 1299px it displays as below: