Home>Support>How to fix box in mobile view – or hide

How to fix box in mobile view – or hide

I have a Row with 3 widgets

The Row has a background image with a colour wash over the top
Background Image display = Tiled image
Background Image Style = Full

Column 1 style has background colour #fffff
Padding 5,10,5,10 %
Vertical Alignment Center

Editor Design
Background Colour #c1ebff
Padding 30, 30, 30, 30 px

This displays fine on desktop

But looks really bad on mobile
Image 1

Image 2

Image 3

Is there any way to fix the formatting using mobile design or if it can’t be fixed that way, is there a way to hide these rows on mobile only but still show on desktop?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 2 months, 27 days ago hollyburtoncoaching

    Desktop image link
    https://wimdi.com/wp-content/uploads/2024/04/Screenshot-79.png

    Mobile screenshot image 1
    https://wimdi.com/wp-content/uploads/2024/04/Screenshot_20240423_165852_Ecosia.jpg
    Image 2
    https://wimdi.com/wp-content/uploads/2024/04/Screenshot_20240423_165859_Ecosia.jpg
    Image 3
    https://wimdi.com/wp-content/uploads/2024/04/Screenshot_20240423_165905_Ecosia.jpg

  2. 2 months, 25 days ago Andrew Misplon
    Hi, I Work Here

    Hi Holly

    At the row, column, and widget level you’ll find mobile-specific sections within the Layout section. In each case try reducing whatever padding has been set to allow for more space on mobile.

  3. 2 months, 20 days ago hollyburtoncoaching

    Hi Andrew,

    Padding hasn’t worked for this. How can we hide rows on mobile only but still show on desktop?

  4. 2 months, 20 days ago Andrew Misplon
    Hi, I Work Here

    Hi Holly

    We offer widget, column, and row display for various resolutions via the Toggle Visibility Addon: Page: Toggle Visibility. We don’t currently have a built-in solution without SiteOrigin Premium.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More