Title: Mobile resizing
Last modified: August 30, 2016

---

# Mobile resizing

 *  Resolved [zentyth1](https://wordpress.org/support/users/zentyth1/)
 * (@zentyth1)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/)
 * Hi,
 * I’m using pagebuilder on my site `http://goedkopejurist.nl`
 * I’m using the Inovado theme which is responsive. When using my site on mobile
   devices (for example iphone 6). Some elements that are in the Siteorigin pagebuilder
   are being resized to a certain width which is too big (bigger than the screen
   width).
 * And thus my website is not showing properly (zooming out to show the too big 
   elements in responsive mode for example on iOS).
 * How can i fix this?
 * Thanks in advance for your help!
 * Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Thread Starter [zentyth1](https://wordpress.org/support/users/zentyth1/)
 * (@zentyth1)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673673)
 * Hereby a screenshot of such an element on the homepage; [Screenshot](http://s4.postimg.org/587yx0s19/Untitled.png)
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673695)
 * Hi 🙂
 * It looks like the specific element we’re looking at has responsive limitations.
   The Kiyoh content block.
 * You can try adding the following to a Custom CSS plugin or field if the theme
   provides one:
 *     ```
       @media (max-width:680px) {
       	.container {
       		margin-right: 2.5%;
       		margin-left: 2.5%;
       	}
       }
       ```
   
 * That’ll provide a bit more space and might help on mobile.
 *  Thread Starter [zentyth1](https://wordpress.org/support/users/zentyth1/)
 * (@zentyth1)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673698)
 * Hi,
 * Thanks for your answer. I applied your proposed fix (added it to my themes css)
   but it is not making a differnce 🙁
 * Any other suggestions?
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673699)
 * Try changing to:
 *     ```
       @media (max-width:680px) {
       	.container {
       		margin-right: 2.5% !important;
       		margin-left: 2.5% !important;
       	}
       }
       ```
   
 *  Thread Starter [zentyth1](https://wordpress.org/support/users/zentyth1/)
 * (@zentyth1)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673705)
 * Have done that no succes (apart from that when looking in my code i see a lot
   of [@media](https://wordpress.org/support/users/media/) statements….
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673706)
 * There is just one media statement from our Custom CSS, the others are part of
   the theme’s construction.
 * I don’t see the changed CSS rule with !important. Did you change it?
 * If you’re running a caching plugin also clear that.
 * (To summarise, the problem is with the contents of this specific widget. I’m 
   trying to change the margins of the theme in mobile to give it a bit more space.
   It might help a little. Further changes would need to come from theme support
   or support for the widget that we’re looking at.)

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile resizing’ is closed to new replies.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/mobile-resizing/#post-6673706)
 * Status: resolved