Archived topic

Different size of menu items in navigation bar

3 replies · Started by Adrie on February 23, 2017

Viewing posts 1–4 of 4

February 23, 2017 at 2:36 pm #283207

I want to be able to have different sizes in my navigation bar. I want the menu items to be 15 px large and the social icons and search icon 20 px.

Is there a way to make this possible or has everything to be the same size.

Thanks in advance

February 23, 2017 at 4:00 pm #283218

Hi Adrie,

First set the Font size to 15px in Customizer > Typography > Primary Navigation.

Then add this CSS to make the font awesome icons 20px:

.main-nav .fa {
    font-size: 20px;
}

Let me know.

February 23, 2017 at 11:27 pm #283315

Leo,

Thanks for your help. That worked. It's now as I wanted it.

Thank you

February 24, 2017 at 7:21 am #283476

You're welcome!

This archived topic is closed to new replies.