Morphology in Mobile

That’s normal behaviour.

On a mobile screen mosaics would be way to small to tap on and the titles on hover would be unreadable – that’s why they are full size and displayed underneath each other

I think you have modified some part in in theme and used home template to show three images in one row. But you can solve this problem. For this you can add following css in Additional CSS.

@media screen and (max-width: 480px) {
.home .image-post .hentry {
max-width: 100%;
}
}

Hi,

You have to put above css in additional css area in customizer.

@media (max-width: 480px) {
.home .image-post .hentry {
max-width: 100%;
}
}

If this still isn’t working send me your site url.

I have checked your site. It is working same like demo. In mobile it is displayed single image in one row and in ipad it displayed two images..

Hi,

To get 3 images to always appear in every devices. Please add following code in your additional css in theme customizer.

@media (min-width: 48em)
style.css?ver=4.7.5:2367
.image-post .hentry {
    max-width: 33%;
}

@media (max-width: 480px)
(index):191
.home .image-post .hentry {
    max-width: 33%;
}

Thanks

Hi,

Yes I saw you have included those css. But I forgot to remove two lines which is causing this to not changed. Please include following css.

`@media (min-width: 48em){
.image-post .hentry {
max-width: 33%;
}
}

@media (max-width: 480px){
.home .image-post .hentry {
max-width: 33%;
}
}