Return to previous page

Image not showing full width on a larger screen size

This topic has 6 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

TFS

Participant

December 20, 2022 at 01:36

Hello Tony & Team,

I am using a screen size of 17″ and the images are full width and appearing great.

On a bigger screen with more Pixels the image is not appearing as full width. When I view it from a 27″ monitor – the images are very small and not “adjusting to the screen size”
The pixels are more on the 27″ screen, could this be the case? Will I need to make the images larger in pixels.

I am using Elementor and have made the page and element “FULL WIDTH”

this is happening for an image and also the top menu header; when I add an image background as the MAIN HEADER background, it looks off and shorter on a 27″ monitor but looks great on a small screen (17′)

I am not sure what to do, do I have to make the images in more pixels (increase the sizes)?

I am including the details on the PCA

Thanks!

Please, contact administrator
for this information.

#341872 Copied Theme version: 8.3.8

5 Answers

Tony Rodriguez

Support staff

December 20, 2022 at 08:15

Hello, @TFS,

Actually, the issue appears because of image resolutions. Let me tell you why.

The 17 inches desktop has not more than 1920px size of width but the 27 inches desktop has more than or equal to 2500+ pixels width. The images you have added has a size of 1920 pixels see the image: https://postimg.cc/w76vWsDw and https://postimg.cc/zyQcf6N4 so you have to add an extra large size of images in order to solve your issue.

Regards 8Themes Team.

#341897 Copied

TFS

Participant

December 20, 2022 at 23:48

Thanks Tony,

So the image would need to be more pixels so when viewed from a bigger screen “it would look fitting” on the larger screen sizes

#341968 Copied

Tony Rodriguez

Support staff

December 21, 2022 at 06:07

Hello, @TFS,

Exactly, You have to upload and set the larger resolution and size images and they will work and look perfectly on the larger screens as well.

Regards 8Themes Team.

#341989 Copied

TFS

Participant

December 21, 2022 at 22:47

Hello Tony,

Thanks for confirming!

#342083 Copied

Tony Rodriguez

Support staff

December 22, 2022 at 06:08

Hello, @TFS,

Thanks for your understanding and for contacting us.
Have a nice day.

Topic Closed.
Regards 8Themes Team.

#342108 Copied
Tagged: full width, image, large screen size, seo friendly, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Image not showing full width on a larger screen size’' has been successfully resolved, and the topic is now closed for further responses

Image not showing full width on a larger screen size

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection