4K screen resolution

I made a website with 1920px x 1080px resolution.
But banner resolution is different on iMacs (4K) screens.
Do you have any settings where I can leave the site in a way for screens below 1920 and an option for sites with 4k and 5k resolution?

Comments

  • Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
    It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

    thanks
  • edited December 2019

    I am sending two screenshot images:

    The first is a low resolution notebook. https://prnt.sc/q8ybro

    The second image is from a 4k Imac https://prnt.sc/q8yc43

    What's my question: I want to set the height and width of the banners / header according to the screen resolution my clients will see on the site.

    In the notebook the first image is OK, but in screens with high resolutions it is bad, is there a place to configure it, or some plugin?

  • That's behaviour is proper, you set the "Parallax" effect which is controlled by the javascript.
    So, it's making the image bigger, to fit it and keep the aspect ratio.

    We cannot control it in any way, it's all about the javascript.
    If you would like to change that, you have to disable the parallax effect, use the "cover" background size and set proper "background-position", like "top center"
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.