On my homepage – https://balrajt13.sg-host.com/
I have a section below the map that shows 4 columns with locations
How can I Remove space between columns on mobile view? just on that block
Hey navindesigns,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.page-id-17 #av_section_2 .flex_column, .page-id-17 #av_section_2 .flex_column p {
margin-bottom: 0;
}
}
Best regards,
Rikard
thank you
I would like to do the same on the locations page where all the cities locations are listed
https://balrajt13.sg-host.com/locations/
thanks
Hi,
Please try this CSS as well:
@media only screen and (max-width: 767px) {
.page-id-786 #av_section_2 .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
margin-top: 0;
}
.page-id-786 #av_section_2 .av-special-heading-tag {
margin-bottom: 50px;
}
}
Best regards,
Rikard