# Navigation Dropdown font size - desktop and mobile

**URL:** <https://colorlibsupport.com/t/navigation-dropdown-font-size-desktop-and-mobile/23881>\
**Category:** Shapely\
**Created:** [May 3, 2019, 11:30am UTC](https://colorlibsupport.com/t/navigation-dropdown-font-size-desktop-and-mobile/23881 "2019-05-03T11:30:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![santiagosoul](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/s/898d66/32.png) [@santiagosoul](https://colorlibsupport.com/u/santiagosoul)\
**Post date:** [May 3, 2019, 11:30am UTC](https://colorlibsupport.com/t/navigation-dropdown-font-size-desktop-and-mobile/23881/1 "2019-05-03T11:30:02Z")

</div>

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](http://soulball.co.uk)

Many thanks,

Santiago

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [May 3, 2019, 11:39am UTC](https://colorlibsupport.com/t/navigation-dropdown-font-size-desktop-and-mobile/23881/2 "2019-05-03T11:39:31Z")

</div>

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.

```auto

/*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