Archived topic

Letter Spacing for Menu & Mobile Menu Items

3 replies · Started by Bettijo on March 23, 2021

Viewing posts 1–4 of 4

March 23, 2021 at 10:59 pm #1707376

Hello! I would like to add letter spacing for my menu and mobile menu items. I can't seem to find a way to control this, but I'd like it to match all the rest of the places on the site where I am using all caps with letter spacing 0.2. Is there a way I can control this?

March 24, 2021 at 12:01 am #1707434

Hi there,

Try adding this CSS:

.main-nav ul {
    letter-spacing: 0.2em;
}

Here's how to add CSS - https://docs.generatepress.com/article/adding-css/

March 24, 2021 at 2:04 pm #1708626

Thank you so much! Can you do this so it applies to <H3> and <H4> tags?

March 24, 2021 at 4:25 pm #1708713

Hi Bettijo,

Generally you could use this CSS, but it might not always work since some of the H3, H4 are added using plugins, it's case depended.

h3, h4 {
 letter-spacing: 0.2em;
}

If you can specify which H3 H4 you'd like to apply on, that'll be helpful :)

This archived topic is closed to new replies.

Start building better websites today.