Title: <abbr title="Not Safe For Work / Mature content">[NSFW]</abbr> Mobile Menu Font setting
Last modified: April 6, 2022

---

# [NSFW] Mobile Menu Font setting

 *  [admin3571](https://wordpress.org/support/users/admin3571/)
 * (@admin3571)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-font-setting/)
 * Hi there,
 * I’m using OceanWP for about 10 website but have a new issue with this last one.
   I can’t change the Mobile Menu Font. When i do the setting on my laptop, the 
   preview changes well, but no thing change on the mobile version.
 * Ocean WP Apparence > Personnalisation > Typographie > Menu principal. It’s well
   the place to customize the mobile menu font, but the setting is not working…
 * Thanks for your help !
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-menu-font-setting%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-font-setting/#post-15533162)
 * Hello [@admin3571](https://wordpress.org/support/users/admin3571/),
 * The only options that you can change for responsive sizes are font size and letter
   spacing: [https://i.postimg.cc/d3KQXyhv/image.png](https://i.postimg.cc/d3KQXyhv/image.png).
   So, unfortunately, it is not possible to change the font face in the customizer.
 * However, to achieve it, you can do customization with CSS. You can learn how 
   to use Chrome Developer Tools or Firefox Developer Tools to help you see and 
   test changes to your CSS:
    [https://developers.google.com/web/tools/chrome-devtools/](https://developers.google.com/web/tools/chrome-devtools/)
   [https://developer.mozilla.org/en-US/docs/Tools](https://developer.mozilla.org/en-US/docs/Tools)
   CSS Tutorial: [https://www.w3schools.com/css/](https://www.w3schools.com/css/)
 * You can use “media query” for responsive mobile and tablet
    [https://www.w3schools.com/cssref/css3_pr_mediaquery.asp](https://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
 * Summary: put your CSS on custom screen size:
 *     ```
       @media only screen and (max-width: 480px) {
           /* put you CSS here*/
       }
       ```
   
 * Or use between sizes:
 *     ```
       @media (max-width: 960px) and (min-width: 481px){
           /* put you CSS here */
       }
       ```
   
 * Best Regards

Viewing 1 replies (of 1 total)

The topic ‘[NSFW] Mobile Menu Font setting’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Shahin](https://wordpress.org/support/users/skalanter/)
 * Last activity: [4 years, 2 months ago](https://wordpress.org/support/topic/mobile-menu-font-setting/#post-15533162)
 * Status: not resolved