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.

Vantage Tablet View Widget Vertical Spacing Issue

Resolved 5 replies customizationthemetheme-vantage
Dave
8 years ago · Last reply by Dave 8 years ago

Hi Guys,

I have a bit of a strange problem and can’t figure out how to cure it…

Basically I have two rows with default spacing, each row contains 4 editor widgets with a 1px border around each. In desktop and phone view everything is fine and the widgets all have the correct default spacing of 30px. However in tablet view each row collapses into 2 blocks of two widgets with no vertical spacing. Any idea please, how I can get the vertical spacing between the blocks of 2 widgets to be 30px in tablet view only?. Ive tried the mobile padding etc but that doesn’t help at all.

Thanks in advance.

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Alex S Staff 8 years, 11 months ago

    Hi Dave,

    Do you have a public URL where we can take a look at what’s going on?

  2. Dave 8 years, 11 months ago

    Hi Alex, thanks for your reply. Sure, have a look at the homepage here https://www.albionplace.co.uk

  3. Dave 8 years, 11 months ago

    I forgot to say, specifically, the 8 widgets under “Online Services” on the homepage.

  4. Alex S Staff 8 years, 11 months ago

    Hi Dave,

    Please open the row housing the service boxes by clicking the wrench icon above the row. Head over to the row styles sidebar and open the Attribute settings group. Set the row class to tablet-spacer and then do the same for the next row. Then save the page and navigate to AppearanceCustom CSS and add the following CSS:

    @media (min-width: 481px) and (max-width: 991px) {
	.panel-grid-cell {
		margin-bottom: 14px !important;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

  5. Dave 8 years, 11 months ago

    Worked like a charm! Thanks for your help Alex.

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