Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 22, 2020 at 6:52 am #1195191
    navindesigns

    On mobile, the second image on this page is displaying some padding left and right. why is that? I would like to remove that padding on mobile and for it to look like the first image above on mobile

    Building

    Thanks

    March 23, 2020 at 1:31 am #1195323
    Mike

    Hey navindesigns,
    Removing the padding from the second image also removed the padding from the text above it, so the second rule tries to add the padding back to the text.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top.page-id-162 #wrap_all #av-layout-grid-2.av-flex-cells .no_margin.avia-builder-el-11 {
    padding: 0% !important;
}
.responsive #top.page-id-162 #wrap_all #av-layout-grid-2.av-flex-cells .no_margin.avia-builder-el-11 .av_textblock_section {
	padding-left: 8% !important;
    padding-right: 8% !important;
}
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.