Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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?
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.