- This topic has 5 replies, 2 voices, and was last updated 3 years, 7 months ago by
.
-
Posts
-
Hello! 🙂
My site is https://www.simotsarap.ph/ and was wondering how do I show the full width of the image when viewing with tablet/mobile? At this page, https://www.simotsarap.ph/seafood-recipes-tagalog/ I set it to align left and 200px by 200px, and it works perfectly when viewing with laptops but when on mobile (portrait mode), it just shows the same size like in the laptop. I want it to stay exactly like it is now when being viewed in laptops but when on handheld devices, the image will have 100% width. Like the one shown in homepage (https://www.simotsarap.ph/)
I am using GPP and have WP Post Pro (not yet using pro with this site tho)
Thanks!
Hi there,
It’s not possible to set different image sizes at desktop/tablet/mobile as of right now.
You’ll need to:
1. Set your image size to something large enough to be full width on tablet/mobile.
2. Use CSS to reduce the size on desktop (I can help with this once it’s set up).
Let me know 🙂
Hello,
Ok let’s try that 🙂
I set it to 425px width now (I didn’t put anything in height). I checked with Chrome Inspect and it seems good for mobile.
Did you get it working? I’m seeing it full width on mobile here: https://www.simotsarap.ph/seafood-recipes-tagalog/
Let me know 🙂
- You must be logged in to reply to this topic.