On my landing page I start with a row that has the SiteOrigin Hero widget, but I cannot get it aligned with the top of the page itself. There is a space between the menu header and the hero image, and that space seems to be actually the next row in the editor – the second-row loads first – for a split second – then the margins in the gap equal the margins in the second row.
For the Siteorigin Hero row, I went into the widget and set all of the padding to 0 and that did not work. I then tried to set the “Background Image Display” to “Cover” and that did not work, either.
How can I close the gap between the menu bar and the first row?
Hi Terry
Thanks for reaching out.
Do you have a public URL where we can take a look at what’s going on?
https://realestate.modern-domain.com
Thanks.
The space in question is added by your theme. One option is to check theme documentation to see if there is perhaps a page setting that can be enabled to remove the top padding/margin. I couldn’t find a setting in the documentation when I checked.
You can try adding the following to CustomizeAdditional CSS to help:
.home.page-template-template-full-width-php .content-area { padding-top: 0 !important; } .home .entry-content { margin-top: 0 !important; }We aren’t usually able to assist with Custom CSS changes within our free support scope, we can within our SiteOrigin Premium support scope where our budget allows for it. This is also possibly something theme support can also lend a hand with. Hopefully, the above does the trick for the home page.