Menu Sizing Help!

[Giggl]

Hey everyone!

Happy Wednesday! For the design on my landing page, as I introduce bigger words, it appears that the header went from a single line to a double and now it looks off. I am think and trying to see if there is a way to make it so my header will fit to size single line no matter what and be the correct size. Any additional help would be amazing!

Website: intisolarcar.com

Theme: Impact by Maestrooo

[Moeed]

Hey @Giggl

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[GTLOfficial]

Hello @Giggl
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

@media screen and (min-width: 1150px) {
.header__link-list {
font-size: 17px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[ZestardTech]

Hello @Giggl ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

@media screen and (min-width: 1150px) and (max-width: 1510px) {
    ul.contents li {
        font-size: 15px !important; 
    }
}

Let me know if you need further assistance!