Expand Navigation Menu

[Beyrun]

Hi there, hope you're all doing well.

I have been working on this store of mine for a very long time now and finally came to the point of marketing.  However there's something I want to add to my store.

I want to add few more to this navigation menu. How do I go about expanding it?

url: www.beyrun.co.uk

Current navigation Menu:

HOME - SHOP - ABOUT US - CONTACT US - GIFT CARD - BLOGS

I want to add more to this list. I know I can add more, but I just want to utilise the blank spaces on both sides. 

When I add more, it forms a new line.  I want all to be under the name line.

Is there a way to expand the width so I can fit more?

See attachment below: - 

Thank you in advance

[Mehran_Ali]

Hi @Beyrun 

Just follow the steps Below:

1. Go to online store ->  theme 
2. select three dots and select code edit 
3. Search for the file theme.css and base.css 
4. past that code at the end 

header {
    max-width: 85% !important;
    grid-template-columns: 1fr auto 1fr !important;
}​

I hope this solution worked for you!
If yes Just like this Reply and Mark it as a Solution and to keep me motivated BUY ME A Coffee

[Beyrun]

 As you can see in the picture. I want to reduce the spaces that I circled in blue

Thank you for your message. Did add the code, but the navigation is in 2  lines. 

[Mehran_Ali]

can you share the Screen shot where you added that code 

[Beyrun]