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].
Hi
My website isnt responsive. I have clicked on buttons to make it responsive on dashboard. How can I make it so?
thank You
Hi Meg
Thanks for reaching out.
Adding fixed widths or heights without media queries will break a widget or rows responsiveness.
For example, the second Build Your Vegan Plan row has a fixed height added of 420px, to rectify that, edit the widget in question, open the Attributes panel on the right and either add a mobile style, a different height for mobile or change
height
tomax-height
.The following text overlaps for a similar reason: ” This plan will take you on a very practical journey and will guide you so you can transition onto a vegan eating plan in a balanced and nutritious way.” That text is in a widget with a height of 280px, that height isn’t enough for mobile so the text overflows.
In summary, to resolve the issues you’ll need to look at the places you’ve added custom styles and check how those styles are working on mobile. You can start by changing all
width
tomax-width
and all height tomax-height
.Thanks for the help
No problem :) All the best with your site.