How to increase header text box width?

NicTheCat
Tourist
8 0 0

Hi Community!

 

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

 

NicTheCat_0-1715302066196.png

 

Thanks in advance for all your help!

 

Replies 6 (6)

AnneLuo
Shopify Partner
453 92 90

Hi, @NicTheCat 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
NicTheCat
Tourist
8 0 0

Hello @AnneLuo 

 

www.voltverine.com

 

Password: GrassRoot_23!

AnneLuo
Shopify Partner
453 92 90

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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

techlyser_web
Shopify Partner
1491 275 295

Hello @NicTheCat 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
NicTheCat
Tourist
8 0 0

Hello @techlyser_web 

 

www.voltverine.com

 

Password: GrassRoot_23!

HDL-Shin
Shopify Partner
80 20 12

Hi @NicTheCat,

You can try this code by following these steps:

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

HDLShin_0-1715390715103.png

 

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

HDLShin_1-1715390749955.png

 

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: 

HDLShin_2-1715390814917.png

Hope this can help you
Kind regards,

HDL-Shin

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️