Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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!
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.
Thanks Andrew!
That worked a treat. It was the Header Bottom Margin on the Page settings that cracked it.
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 :)