Spacing between panels/blocks (CSS on mobile specifically)

website URL: bolus.co.za

Hi Guys, I’m really battling to target and reduce the vertical gaps between the panels specifically on mobile screen, as indicated on my three screenshots attached, because it is causing too much of a vertical gap between them.

I already have a media query @media (max-width: 568px) in my custom css to target mobile devices. Can you help me with the target (ie. #pg-26-1, #pg-26-2, #pg-26-3) so that I can insert margin-top:0px;margin-bottom:0px; (or if it’s padding:0px;) to reduce the gaps please.

Thank you very much again.

Hi @drazeni,

I hope you are well today and thank you for your question.

You can achieve this by using the following CSS code.

@media (max-width: 568px){
#sfsi_floater .sfsi_wicons {
  margin-bottom: 0 !important;
  padding-top: 0;
}
}

Best Regards,
Movin