Home>Support>Remove white space between the header and the first row on mobiles?

Remove white space between the header and the first row on mobiles?

I have two alternative first rows on my home page.

One is only visible on mobile devices, the other only visible on desktop devices. I have achieved this using display: none and display: inline CSS tags in the row attributes.

However… on mobile devices there is a large white space between the header and the first row row / widget.

How do I get rid of that space? I have tried everything I can think of but haven’t resolved it!

Please help!

I’m using the SiteOrigin Corp theme.

View the site on your mobile device here: www.ecoself.net.

It looks fine on a desktop browser.

Thank you!

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 years, 4 months ago Andrew Misplon Hi, I Work Here

    Hi David

    At CustomizeTheme SettingsHeaderBottom Margin, please, check that the field isn’t empty and that a value is set for the bottom margin that you’d normally like to have for the header. 60 is the default.

    Next, go to Pages, edit the home page, in the right column is the Header Bottom Margin setting enabled? If so, try disabling it.

  2. 2 years, 4 months ago David Key

    Thanks Andrew!

    That worked a treat. It was the Header Bottom Margin on the Page settings that cracked it.

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

    Hi David. Super, I’m glad to hear you’re making progress. If questions arise in the future, please, let us know. Cheers for now :)

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