How can I increase and bolden my menu text size?

Morning Community,

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

1 Like

HI @BenH40 ,

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

1 Like

Sorry about that

Wholesaler Packaging Supplies Australia | AGP

password - Burgess

1 Like

@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.

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;
}

Cheers thanks so much for your assistance with this.