Mobile shows text not aligned to image

Hi,

Can you please help to fix the text on the homepage second section best selling chemicals heading (three images) on mobile, the text is on the image, and the second image is too close to the image, it’s not aligned basically? I want the text to be underneath the image on the mobile version only. it’s too cluttery at the moment. text size needs to be small for mobile only. site link https://jovs.co.uk/ Please advice. Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please read our detailed documentation for help:
https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

Best Regards

It didn’t work at all. I tried one line, then two lines. and it was already selected on none.

Another thing, it’s fine on desktop, only mobile needs to get fixed. And under those options, there is nothing specific for mobile.

I did try bottom margin:

.category-grid-item .category-image-wrapp {
position: relative;
overflow: hidden;
margin-bottom: 35px;
}

It seems text has gone down, still, the middle image text not showing aligned, compared to the other two images. The Mobile version needs to be fixed, can I have some sort of box or green background on the desktop for text underneath the images? so It looks more organised.

I have fixed it. by renaming.

Hello,

We are Glad that your issue has been Resolved.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts