- This topic has 31 replies, 2 voices, and was last updated 1 year, 11 months ago by Leo.
May 16, 2019 at 10:32 am #901798Giuseppe
How can I make images reactive, depending on the device with which the site is displayed?
In the desktop version of the site the images are seen correctly, the problem is when I view the site in the other versions (mobile, etc.)
Thanks in advanceMay 16, 2019 at 10:36 am #901802LeoStaffCustomer SupportMay 16, 2019 at 10:48 am #901814Giuseppe
for example on the home page, how can I make the first image bigger when I see the site from mobile?May 16, 2019 at 10:57 am #901818LeoStaffCustomer SupportMay 16, 2019 at 11:10 am #901828Giuseppe
Excuse me, so what should I do to solve the problem in the mobile version?May 16, 2019 at 11:31 am #901844LeoStaffCustomer SupportMay 16, 2019 at 11:42 am #901853Giuseppe
the site is opened but I don’t understand what I have to do to solve the problem.
ThanksMay 16, 2019 at 11:47 am #901858LeoStaffCustomer Support
I’m not exactly sure what the problem is – from what I can tell, the image is as big as it can get on mobile:
Is that not what you are seeing?
Let me know 🙂May 16, 2019 at 12:41 pm #901905Giuseppe
I change the question so maybe I can understand.
How can I assign different dimensions to an image, based on the device with which it is displayed?May 16, 2019 at 1:03 pm #901921LeoStaffCustomer Support
Generally you just want to leave it responsive like you currently have now.
If you want to set specific widths, then something like this might help:
To target mobile devices, this might help:
This won’t really help to make the image bigger on mobile though – the first image is already as big as it can get unless you want to reduce the content padding.May 16, 2019 at 1:27 pm #901942Giuseppe
This won’t really help to make the image bigger on mobile though – the first image is already as big as it can get unless you want to reduce the content padding.
How do I reduce the content padding?
Do I have to change the padding of the section where the image is contained?May 16, 2019 at 2:30 pm #901983LeoStaffCustomer Support
It would be the padding of the entire container:
https://docs.generatepress.com/article/content-padding/May 16, 2019 at 9:58 pm #902130Giuseppe
I modified the left and right padding, setting it to zero.
The problem is always there, nothing has changed.
When I see the site from a mobile device, the images are small.
Check yourself.May 17, 2019 at 7:43 am #902744LeoStaffCustomer Support
Ahh that is using sections and still 40px of left and right padding added to the mobile:
And this is what I see on my phone – the image full the entire width minus the padding mentioned above:
[Image removed]May 17, 2019 at 10:24 am #902911Giuseppe
so what should i change, what should i do to fix the problem?
A courtesy, in your last screenshot, the name of the site is visible, you could hide it, thanks, because the site is not yet online and little by little we are inserting contents, I make it accessible only to let you in .. thanks
- You must be logged in to reply to this topic.