I’m quite a newbie around here so this kinda feel like I’m learning sanscrit. Thrilling and overwhelming at the same time.

Anyway, the thing is I'm using wordpress at my laptop and I'm sttrugling at keeping my pics at the size expected when I switch to android. They look totally fine on the laptop preview for the phone, but on the real world they're basically turning into a thumbnail. I attach a picture of expectation versus reality

I apologize in advance because I suspect this is part of the ABC of programming; I don't even know if I should be uploading my pics with a particular size. I promise I'm training to become a proper padawan, and 'll appreciate any feedback.

Thank you so much for your time, and have a great day!

CodePudding user response：

If you are starting with Wordpress, best thing to do is to work with themes supported by Elementor & one that allows you to modify the design for desktop, tablet, & mobile versions separately. -Select 'Edit with Elementor' -select the section with these six pictures. in the '#Edit Section' box at the right, you will see three options- layout/content, style, advanced. -Select 'Advanced' and scroll down till the bottom section. -Select the 3rd last option, 'Responsive'. From here you can hide the mentioned section for mobile. It would look something like the attached picture

DO BEAR IN MIND THAT I HAVE ADDED SAME BUTTON TWICE - the button at the left is visible to site visitors using desktop/tablet. At the right part, you can see same button blurred. That's 'cause I hid it from Desktop & Tab.

Similarly, you too have to add section with pictures again to show in mobile only. For that, find and click on Responsive icon & select Mobile. Decorate the section just the way you want and do not forget to hide it from PC & Tab.