-
Hello support team,
I have created an element template for all my blog posts, and I have enabled dynamic data for the featured images. The featured image on Mobile did not display correctly and some parts are hidden both on the right /left side. How Do I solve this issue?
Thank you for your attention.
Best Regards
Walikhan -
Hi there,
can you share a link to where i can see the issue on your site ?
-
Hello David,
Could you please see the 3 links that I shared?
As I did some basic settings such as (center/right – center/left etc.) but the issue has not been resolved
Best regards
walikhan -
Can i see the actual site ? I need to inspect the source code
-
Hello David,
Could you go through the link that I shared ?
Best Regards
Walikhan -
Hi there,
I just checked your posts, it look the same as the content template, this is what I see:
https://app.screencast.com/PF5PSSYr07qDECan you tell me what exactly doesn’t work?
-
Hello
Thank you for your work, as I am using the elements module as the template for all of my blog posts. I shared the necessary links here, and most featured images did not work correctly.
If these links worked fine then after I will update you
Best Regards
Walikhan -
I have added those links in the private section. I have no issue for the Desktop.
thank you!
-
I only see 3 google drive files and your admin login link. I don’t see additional links compared to the last time I checked this topic, can you confirm the links are being added?
-
Hello,
Thank you for your attention. These links are the examples that I shared with you, once this issue is fixed for the mobile version, then I have no issue. I hope you got my concern.
Best Regards
-
I didn’t see the issue as I said before, so can you link me to posts that have issuess?
-
Hello Ying,
For your information, can you please check the link below for one of my blog posts on a mobile device, and see the featured image correctly adjusted?
In the Desktop version, it works fine, but I have only an issue with the Mobile version.
Thank you
-
Do you mean the it is not displaying the full image, the sides are being cut off on mobile?
If so, it’s because the image is a background image and the container has a fixed height set which is 300px.
When the container’s aspcet ratio doesn’t match the image’s aspect ratio, this will happen.
To avoid issue like this, you should be using an actual image block instead of a background image:https://docs.generateblocks.com/article/image-overview/
You can enable the dynamic data of the GB image block and set it to featured image.
-
Hello Ying,
Thank you for the suggestion provided. I will update you once after making the changes.
Best Regards
Walikhan -
No problem 🙂
Let me know if you run into any issues!
-
Hello Ying,
After replacing the background image with the actual image block, and making possible changes, I did not get a positive result.
I set the following changes for mobile version with the container & image block
(width auto – Height 300px) object-fit coverKindly need your further attention!
Best Regards
Walikhan
- You must be logged in to reply to this topic.