How can I increase and bolden my menu text size?

Store Design
1

Morning Community,

Is there a way to increase the size of the menu text and also make it bold at the same size cheers.

menu text.png
menu text.png635×493 27.2 KB

1 Like
2

HI @BenH40 ,

Definitely. Do you mind sharing your website so we can provide a code specific for you?

1 Like
3

Sorry about that

Wholesaler Packaging Supplies Australia | AGP

password - Burgess

1 Like
4

@BenH40

No need for sorry. Please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
.nav-bar__item.nav-bar__item--static a.nav-bar__link.link {
    font-size: 2rem;
    font-weight: bold;
}

Just a FYI, you have a low star in the color contrast. This is very important for text visibility. You can try the link here to check the color contrast.

made4Uo_0-1659056477213.png
made4Uo_0-1659056477213.png1562×943 65.7 KB

If you want to change the text color, you use the code instead. Just replace #fff to the color you want

.nav-bar__item.nav-bar__item--static a.nav-bar__link.link {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}
5

Cheers thanks so much for your assistance with this.