Hi there.. I am using a frontpage template using TagDiv Composer.. I have also installed the Mobile Plugin/AMP.. But when I go on the Mobile, the image from the template is not responsive and it is truncating.. Pls see attached images.. How do I rectify this so that the Mobile version serves a responsive image..
https://www.shippingandfreightresource.com/wp-content/uploads/desktop.jpg
https://www.shippingandfreightresource.com/wp-content/uploads/mobile.jpg
Hi,
If you are using a mobile page for the frontend page, then i will suggest on mobile to replace the image set as background with an image that is set using img structure, for this use the element “”single image”.
Thank you!
Ok so I have to come back to this.. I am NOT using Mobile Theme because it creates too many complications on my side.. So right now I am using non-mobile theme which works very well..
The only issue is that I have a hero image on the site homepage.. This obviously is set for desktop size.. Is there a way I can serve a different image if the device used is a mobile so I can customise the image, or is there a way to make it responsive.. Everything else I am happy with..
Hi,
If you are using the single image element, then you can adjust the height and width per viewport – https://i.imgur.com/7GsmzkK.png each option that has a left border when you check a viewport offers the possibility to change the settings for that view port.
Thank you!
