Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 21, 2015 at 7:27 am #431787
    anton123

    Hi Guys, see the images with captions in the shop example here: kriesi.at/themes/enfold-shop/

    Currently when viewing on mobile / tablet, there are white gaps either side of the blocks, see here:

    http://quirktools.com/screenfly/#u=http%3A//kriesi.at/themes/enfold-shop/&w=360&h=640&a=39&s=1

    How can I get the blocks to fill the width without the spacing? so to display edge to edge?

    Thanks in advance!

    April 21, 2015 at 7:09 pm #432276
    Yigit

    Hey anton123!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
  width: 100%;
  max-width: 100%;
}}

    Regards,
    Yigit

    April 22, 2015 at 6:33 am #432562
    anton123

    Thanks Yigit, it works on mobile (although not on my desktop when resizing, but that’s ok)

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Edge to edge (fullwidth) on mobile / tablet: Image with caption in grid row’ is closed to new replies.