Mobile resizing

  • Resolved zentyth1

    (@zentyth1)


    10 years, 7 months ago

    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

    (@zentyth1)

    10 years, 7 months ago

    Hereby a screenshot of such an element on the homepage; Screenshot

    Plugin Support Andrew Misplon

    (@misplon)

    10 years, 7 months ago

    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

    (@zentyth1)

    10 years, 7 months ago

    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

    (@misplon)

    10 years, 7 months ago

    Try changing to:

    @media (max-width:680px) {
	.container {
		margin-right: 2.5% !important;
		margin-left: 2.5% !important;
	}
}
    Thread Starter zentyth1

    (@zentyth1)

    10 years, 7 months ago

    Have done that no succes (apart from that when looking in my code i see a lot of @media statements….

    Plugin Support Andrew Misplon

    (@misplon)

    10 years, 7 months ago

    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.