Archived topic

How can I target Off-Canvas menu items?

3 replies · Started by Andy on September 8, 2020

Viewing posts 1–4 of 4

September 8, 2020 at 4:26 pm #1435912

Hi there,

I’d like to increase the font size of my menu items *without* changing the font size of my menu icon (sitting in header).

How do I target the items here exclusively:
https://imgur.com/a/AwEbGo8

Thanks!

September 8, 2020 at 5:06 pm #1435932

Hi Andy,

You can try this CSS code:

.slideout-navigation.main-navigation .main-nav ul li a {
    font-size: 30px;
}

and if you want something different for mobile, you'll have to use @media (max-width:768px){} which will look something like this:


@media (max-width:768px){
.slideout-navigation.main-navigation .main-nav ul li a {
    font-size: 17px;
}
}

Let us know if this works for you.

September 9, 2020 at 6:17 pm #1437380

Perfect thanks Elvin!

September 9, 2020 at 6:29 pm #1437383

Nice one!

No problem. :)

This archived topic is closed to new replies.