Website looks different on different screens

  • Hi there,
    I am new to this so please excuse my lack of knowledge.
    I am creating a website at the moment which is looking pretty good but was disappointed to see that when I view the website on a computer with a different screen size, everything moves around and it doesn’t look good. Please could you assist me with making it look good no matter the screen size. Surely there is a way that it can be scaled for the different screen sizes rather than shifting things? I am using Elementor, not sure if that is relevant? I have used a 1920 x 1080 screen to design the website, but then checked on a 1600 x 900 screen and everything was shifted.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Well, that’s actually one of the features of responsive design, that elements on the page move around according to the screen width. Responsive design came about mostly because more and more people started browsing the internet on their phones.

    Before responsive design was widespread, users would have to zoom in on tiny, scaled down versions of a site, or else scroll left & right, which wasn’t very user friendly. So responsive design will shift elements around so that text remains at a readable size, and users don’t have to zoom in. One common design feature, for example, would be to shift a sidebar down below the main content if the screen width were less than 480px, so that on a cell phone, the sidebar would appear at the bottom instead of the side.

    Overriding all of the responsiveness for a particular theme would be very difficult. You would have to hunt down all of the media queries in the CSS files and override them with your own CSS. There might be individual features that you can override, but again, you’d have to determine which media queries and rules you want to override.

    Thread Starter tegaloo

    (@tegaloo)

    Thanks for the response CrouchingBruin. That makes sense I guess, haha. I will have to try and adjust everything so that it looks OK with all screen types. Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Website looks different on different screens’ is closed to new replies.