Title: CSS Modification for mobile devices
Last modified: August 31, 2016

---

# CSS Modification for mobile devices

 *  [seppomuc](https://wordpress.org/support/users/seppomuc/)
 * (@seppomuc)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-modification-for-mobile-devices/)
 * Hello,
 * I want in .su-expand_content (CSS: box-shortcodes.css) a different font-size 
   for mobile screens than in desktop (default) view. I`ve tried to add the following
   code on top of the box-shortcodes.css, but without any effect:
 * This is an example for iPhone5 resolution:
 *     ```
       @media only screen and (min-device-width: 320px) and (max-device-width: 568px){
       .su-expand-content{
       font-size:14x;
       }
       }
       ```
   
 * My thoughts:
    – is my code completely wrong? – do I have to put something in 
   PHP as well? – Maybe I have to add it somewhere else? – Do I have to take “.su-
   expand” class into the [@media](https://wordpress.org/support/users/media/) as
   well?
 * BR
    Sebastian
 * [https://wordpress.org/plugins/shortcodes-ultimate/](https://wordpress.org/plugins/shortcodes-ultimate/)

The topic ‘CSS Modification for mobile devices’ is closed to new replies.

 * ![](https://ps.w.org/shortcodes-ultimate/assets/icon-256x256.gif?rev=2547563)
 * [Shortcodes Ultimate - Content Elements](https://wordpress.org/plugins/shortcodes-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcodes-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcodes-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcodes-ultimate/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [seppomuc](https://wordpress.org/support/users/seppomuc/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/css-modification-for-mobile-devices/)
 * Status: not resolved