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.

How can I remove margins at top/bottom of columns in mobile view?

Open 1 reply customizationpluginplugin-page-builder
mst2168
7 years ago · Last reply by Alex S 7 years ago

Hi. I have a 3-column row with text in each column. When viewed on mobile, I would like this to all appear as one continuous list with no breaks, but currently there appears to be a top and/or bottom margin separating the text from each column. Is there a way to disable this margin spacing?

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 7 years, 2 months ago

    Hi Mst2168,

    You can remove this spacing with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    .panel-grid-cell {
    margin-bottom: 0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

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