Need to make a menu/header bolder or bigger

Store Design
, , , ,
1

Hello,

i need to make header/menu a little big bigger or bolder, so it would match more my website. Can someone help me with this ?

Thank you

https://www.pickupstore.cz/

2611.png

2

Hey @radaApeta ,

To correctly adjust the header/menu to make it a bit bigger and bolder for your website, you can apply the following CSS rules. These changes will apply to both the font size and weight to make the text more prominent, and increase the spacing for a cleaner look

add this code:

.list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: bolder;
}

result:

Screenshot 2024-10-24 175739.png
Screenshot 2024-10-24 175739.png1832×854 322 KB

Once you apply this CSS to your header, it should make the header/menu more prominent, matching the bold look you’re aiming for.

If I was able to help you, please don’t forget to Like and mark it as the Solution!

Best Regard,

Rajat Sharma

3

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

.header__menu-item {
font-size: 16px !important;
font-weight: 700 !important;
}

result

31.png

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

4
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

steve_michael2_0-1729773719741.png
steve_michael2_0-1729773719741.png1363×700 258 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

5

Hi @radaApeta ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!