Hey Steven,

I am really sorry for the delay of this reply as it is actually a public day off for us here. I have added the following block of css codes into /templates/rt_vermillion/css/rt_vermilion-custom.css . Can you give this a try again?

[gist]
#eb.is-mobile .eb-mod-thumb.is-left {
float: none;
}

#eb.is-mobile .eb-mod-thumb .eb-mod-image-cover {
width: 100% !important;
}
[/gist]

By the way, I love your site's design. It looks really good! I wish we could showcase it on https://stackideas.com/easyblog/showcase

Hi Mark

Thanks for the quick reply.

I have checked and unfortunately it is still appearing they way I described. I have attached a screenshot for you to see.

regards

Steve

Unfortunately that was not possible to achieve this according the current module setting because you did set the image width to show 260px, so it will show this width size on mobile.

I already help you update to use full width from the module setting and applied following CSS code in order to cater both layout, it should work fine now, can you clear your browser cache and see how it goes?

#eb.mod_easybloglatestblogs .eb-mod-thumb {

  width: 260px !important;

  float: left !important;

  padding-right: 8px !important;

}



@media (max-width:768px) {

  #eb.mod_easybloglatestblogs .eb-mod-thumb {

    width: 100% !important;

  }

}

Hi Arlex

Thank you for your quick response

The mobile layout is now perfect, but unfortunately, it is not the way I want it on the PC. I would like the PC view to be the way it was - with the image on the left side, but when on mobile, the image to be across the page with no text on the side.

I hope that makes sense.

Many thanks

Steve

Hey Steve,

Perhaps you can try clear your browser cache and see how it goes?

Because it seems display correctly for me, you can check my attached screenshot below.

Thanks Arlex

I think this is now all fixed

regards

Steve

Hey Steven,

I am really sorry for the delay of this reply as it is actually a public day off for us here. I have added the following block of css codes into /templates/rt_vermillion/css/rt_vermilion-custom.css . Can you give this a try again?

[gist]
#eb.is-mobile .eb-mod-thumb.is-left {
float: none;
}

#eb.is-mobile .eb-mod-thumb .eb-mod-image-cover {
width: 100% !important;
}
[/gist]

By the way, I love your site's design. It looks really good! I wish we could showcase it on https://stackideas.com/easyblog/showcase

Hi Mark

If you still would like to showcase my site I would love it

regards

Steve

Hi Steve,

If you still would like to showcase my site I would love it

That's awesome. We will contact you personally on this via e-mail shortly.