Public Forums 71,145 posts

[ittd Friend ittdJoin date: January 2014Posts: 29Downloads:0Uploads:5 Thanks: 4]

#198292

Hi there,

I wander if you could point me where to look.

I used custom modules for positions 1,2,3,4 as a row of 4 images works fine until I view on a mobile instead of the modules dropping below each other and forming a single column of 4 photos they line up 2 rows with 2 images overlapping each other. I have searched all day to try and resolve but having checked forum, purity documentation and t3 I cant find how to solve the issue. Your advice is greatly apreciated.

Cheers

Andy

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#537151

you have made it as background images, Instead can you make those as separate images and use <img> tag on all those modules.

[ittd Friend ittdJoin date: January 2014Posts: 29Downloads:0Uploads:5 Thanks: 4]

#537260

<em>@Chavan 429878 wrote:</em><blockquote>you have made it as background images, Instead can you make those as separate images and use <img> tag on all those modules.</blockquote>

I had to use the <img> instead of the css sprites and change the module from div to article and it made 2 columns that don´t overlap.

Many thanks

Andrew

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#537281

responsive does not support background images. thats was the reason you are able to view the overlap.

cut all those images separately and doing this won’t overlap.

[Author]

Posts