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.

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

Resolved 3 replies questionthemetheme-corp
David Key
5 years ago · Last reply by Andrew Misplon 5 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 5 years, 10 months ago

    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. David Key 5 years, 10 months ago

    Thanks Andrew!

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

  3. Andrew Misplon Staff 5 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread