This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Responsive design and breakpoints

Resolved 1 reply pluginplugin-page-buildertechnical
chandler
9 years ago · Last reply by Alex S 9 years ago

I have a site at https://www.gsq.org.au using the weaver xtreme with siteorigin page builder. The site is responsive once dragged in to mobile phone size but at various points before that it is not scaling at all as it should. The boxes with the buttons (Black) jump all over the place and overlap until mobile phone size is reached. Similarly on an iPad, the site works well in portrait view but not in landscape. Any ideas how this can be rectified?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 9 years, 1 month ago

    Hi Chandler,

    Please disregard my previous reply – I mistakenly replied to this thread. Sorry! :(

    Okay, so the issue here is that the button plugin you’re using is using hard widths, 273px per button to be exact (basically, px is the issue). I would recommend reporting this issue to the developers. In the meantime, you can get around this with some CSS.

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS:

    .maxbutton.maxbutton-homepage-generic-top {
	width: 100% !important;
}
@media (max-width: 480px) {
	.maxbutton.maxbutton-homepage-generic-top {
		width: 90% !important;
		margin: 0 auto;
		display: block !important;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread