How can I adjust menu button spacing and header width in the Dawn Theme?

Store Design
, ,
1

How can I give more space between the menu buttons so that it is not so concentrated in the middle?

Also, how can I make the header less wide? the logo ends up being very alone and small

This is the preview url, the header below it would be removed

https://vivesuperhost.com/?_ab=0&_fd=0&_sc=1

2

Hello @vivebarcelona ,

I understand you are looking to change the look of the header section.

Please implement the below mentioned steps, for this type of output https://prnt.sc/58BvAYvI0p4y

Steps -:

  1. Go to Online Store - Themes - Click on Three dots - Edit code.

  2. Search and open the theme.liquid file.

  3. Now, add the below mentioned code at the bottom of the file before tag

section[data-section-id=c4b5pqmnujw] { padding-top: 30px; background: #fff; display: none; } section[data-section-id=dykbwgh4vwi] .lh-header-menu ul li { padding: 0px 41px; }
  1. Save

I hope it helps

Please let me know if you have any issues or need further assistance.

Thank you.

3

Hi @vivebarcelona

Do you have sample image so we can copy what you like to design in your header? also the mobile. Thanks!