Category Page background in Mobile

Posted in: Newspaper
Post count: 21

Hello,

The category page background image in Mobile is displayed as the attached file.

View post on imgur.com

Thanks to help us to solve it.

Regards,

Post count: 22421

Hello,

Pleas use this guide to fix the strange looking thumbs. https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

Thank you!

Post count: 21

Dear Bogdan,

But for our case, this is not a Thumbnails of a block
In our case, the picture of the category page is displayed correctly, however, in the mobile view we get a black space at the bottom of the page.

Note: we tried the proposed fix but no change occurred.

Regards

Post count: 22421

Hello,
Please provide a link to your site pointing at the issue so I can inspect it.
Thank you!

Post count: 21
Post count: 22421

Hello,

Well that is not a category view as you mentioned above. It is a single post.
The issue is with the image you are uploading. The image thumbnail is 1068 pixels and your image is only 1000 px wide. And the height is too narrow as well. You need to upload images that are bigger than 1068 px width for single template 3 otherwise this type of situation can occur.
Here is a css fix for the issue with your current image:
@media (max-width: 767px){
.td-post-template-3 .td-post-header-holder {
min-height: 155px!important;
}}

Thank you!

Post count: 21

Hi,

Thanks for your reply,

kindly specify the recommended dimensions for images.

Regards,

Post count: 22421

Hello,

This depends on the post style that you use or the blocks you want the image to show up in. For this particular example you will need an image size of at least 1068 pixels in width for it to show up properly.

Thank you!

Post count: 21

Hi,

For width 1068, What is the expected height ratio?

Regards,

Post count: 22421

We used 712 px on our demo but other heights might work as well.
Thank you!

Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.