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 2 years ago ago by Tony Rodriguez

  • Avatar: TFS
    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
    Avatar: Tony Rodriguez
    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
    Avatar: TFS
    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
    Avatar: Tony Rodriguez
    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
    Avatar: TFS
    TFS
    Participant
    December 21, 2022 at 22:47

    Hello Tony,

    Thanks for confirming!

    #342083 Copied
    Avatar: Tony Rodriguez
    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: , , , , , ,

  • 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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.