Eliminating small gaps when using Page Builder


How can I get rid of the small gaps between Page Builder rows? I already set the top/bottom padding to 0px but doesnt work. Is there another wat to acomplish it?



Have the exactly same question…

Hi all, you can try to add this code using custom css plugin to remove the gaps for each rows:

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

Hi, I tried this on my page http://walborg.se but there is still a gap between my header and and the first row on page builder in the mobile version. How to make my site more responsive?

I see, you can add this code then:

@media (max-width: 780px){
  div#header-banner {
    min-height: 49%;
  .header-container {
    top: 70%;

Hi, thank you for your help! Now the site looks good in responsive phone mode too. One last question, what about the little white gap between the last row and the footer? How can I remove it? Thanks again for so quick answers!

I have the same question, I tried your solution but it doesn’t work for me. Here is an image. I want to remove the gap between the menu bar and the first block. Thanks a lot!

I manage to do it by adding

.site-content {
    margin-top: 54px !important;

but now i Have the problem when the screen size is reduced and I don’t know how to fix it :S

@gretanystrom I am not sure what cause it, but I think it’s because the image slider that doesn’t match to the default resolutions of the header image.

@nonoweb I just checking your site and I don’t see any gap on your header while it display on desktop and mobile