How can I keep my header menu in one row on the Dawn theme?

Store Design
1

Hi all!

I am fairly new and designing an eCommerce site for a clothing brand using the Dawn theme. I customized it with CSS to make the logo bigger in the header, but it creates the problem of my left-aligned header menu going into 2 rows. Any ideas on how to make the 4 different options be in 1 row?

I attached images of the page and then the additional CSS coding put in the base.css

Thank you!

Screen Shot 2022-05-28 at 10.26.30 PM.png
Screen Shot 2022-05-28 at 10.26.30 PM.png3072×698 99.9 KB

Screen Shot 2022-05-28 at 10.31.47 PM.png
Screen Shot 2022-05-28 at 10.31.47 PM.png2594×1204 243 KB

1 Like
2

@theowenseffect

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

My client still has the website under construction and password protected - is there any way to get a solution without seeing the site?

1 Like
4

@theowenseffect

oh sorry without checking code how can i guide your but you can send DM Details so i will check

5

@theowenseffect

yes, please update this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media (min-width: 990px){
.header>*:nth-child(2) {width: 60%;}
}