Navigation Dropdown font size - desktop and mobile

Hi,

How do I enlarge the size of the font for mobile menu/navigation?

How do I do this for desktop?

Can I create a different size for mobile and a different size for desktop?

site: soulball.co.uk

Many thanks,

Santiago

Hello,

I hope you are doing well today.

You can use the following CSS code to change the font size for both mobile and desktop by going to Appearance > Customize > Additional CSS and pasting it there.


/*Desktop*/
.main-navigation .menu li a {
    font-size: 16px;
}

/*Mobile*/
@media only screen and (max-width: 900px) {
.main-navigation .menu li a {
    font-size: 16px;
}
}


Best Regards,
Support