image overlay in mobile view

[ts2114tb]

Hello,

in the below screenshot you’ll see the smaller right image lined up nicely with the other image in desktop view:

https://www.flickr.com/photos/130760401@N07/16302518518/

but when i collapse the desktop screen, the smaller image overlay the larger one. I want it stacked below the larger image.

https://www.flickr.com/photos/130760401@N07/16302531458/

Sorry this is the first time I post in this forum and don’t know how to link the image URL.

My site is build with WordPress and Responsive theme by CyberChimps. Initially I come to their support forum, but it only offer limited support.

Is there a CSS way to solve this?

Thank you very much for your help!

[ts2114tb]

wow it’s automatically show the image. Now I know :)

[Paulie_D]

We’d need a link to be able to help much further.

[ts2114tb]

Hi Paulie,
Sorry I don’t have the link because I’m developing the site on my Mac locally.
Can you give me a general answer for the problem? Is it about changing the position to relative or something else? Any help is appreciated! Thanks

[Paulie_D]

Without seeing the code we can’t really help.

You could always make a reduced case version in Codepen.io and post the link here.

[ts2114tb]

Finally I managed to bring my site live
here is the URL: http://bangiasi.thietkeweb25.com/

[Author]

Posts