How to increase header text box width?

[NicTheCat]

Hi Community!

I would like to know how to increase the space for the text in the header:

Thanks in advance for all your help!

[AnneLuo]

Hi, @NicTheCat 

Please share the store URL so that I can assist you.

[NicTheCat]

Hello @AnneLuo 

www.voltverine.com

Password: GrassRoot_23!

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  @media screen and (min-width: 990px) {
     .header--has-menu {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
     }
   }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[niraj_patel]

Hello @NicTheCat 
Can you share store URL?

[NicTheCat]

Hello @niraj_patel 

www.voltverine.com

Password: GrassRoot_23!

[HDL-Shin]

Hi @NicTheCat,

You can try this code by following these steps:

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

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

ul.list-menu.list-menu--inline li a {
    font-size: 16px !important;
}

Final Result: 

Hope this can help you
Kind regards,

HDL-Shin