-
Posts
-
Hi there two questions,
1) on large screens since the max-width is set to 1024px the current image gets cropped, now if I change the max-width to 1920px the height is compromised (no longer stays full screen and the footer comes in the view)
can you help me as to how can I get full screen with max-width: 1920px or in case where this is technically not possible, the image at max-width: 1024px is getting cropped from right, can you help me as to how the image is equally cropped from left and right.2) on small screens (mobile devices) what would be the apt image dimensions to crop the image to keep the width of landscapes images at 100%
Hey panoramist,
Here is where the settings for WordPress are
And here is some theoryhttp://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/
Best regards,
VictoriaHey Victoria,
Thanks for prompt support.
I may have one more question if you don’t mind.
–> for smaller screen or mobile viewing, is it possible to show a Text Block (in portrait mode) saying “Rotate to view the site in landscape mode” and when the user rotates his/her small screen device in landscape mode the Text Box hides itself and they see a full-screen image (via full screen slider ). [Prevailing question would be — can we show different contents in portrait and landscape mode on mobiles ? if Yes ? How ? ]Hi,
[Prevailing question would be — can we show different contents in portrait and landscape mode on mobiles ? if Yes ? How ? ]
Yes, that’s possible but it will require additional css media queries. If you’re just looking to hide or display a certain element on a specific device, just add two instance of the same element then go to the “Screen Options” panel to toggle the elements’ display properties. If you opt in to use additional css media query, here’s an example.
@media only screen and (max-width: 767px) and (orientation: landscape) { /* Add your Mobile Styles here */ } @media only screen and (max-width: 767px) and (orientation: portrait) { /* Add your Mobile Styles here */ }Best regards,
Ismael
- You must be logged in to reply to this topic.