How can I target Off-Canvas menu items?

[Andy]

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:

View post on imgur.com

Thanks!

[Elvin]

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.

[Andy]

Perfect thanks Elvin!

[Elvin]

Nice one!

No problem. 🙂

[Author]

Posts