Footer widgets margin mobile view

Hi Soulshakin,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #footer .av_one_fourth {
    margin-bottom: 0;
  }

  .responsive #top #wrap_all #footer .av_one_fourth .widget {
    margin: 10px 0;
  }
}

Best regards,
Nikko

Hi Soulshakin,

The screenshot looks like the footer widget.
Can you give us a link of the page shown in the screenshot? so we can give a better CSS code.

Best regards,
Nikko

Hi Soulshakin,

Thanks for giving us admin access.
I see, the code wasn’t working because there were three columns in the footer and not four which is the default.
I have added this code in your Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #footer .av_one_third {
    margin-bottom: 0;
  }

  .responsive #top #wrap_all #footer .av_one_third .widget {
    margin: 10px 0;
  }
}

Please review your site.

Best regards,
Nikko