Home>Support>Website is not responsive
  1. 4 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    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 to max-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 to max-width and all height to max-height.

  2. 4 years, 4 months ago Meg1111

    Thanks for the help

  3. 4 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    No problem :) All the best with your site.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More