Extra wide monitor size problems

Hi,

We adjusted the css codes a bit.

@media only screen and (min-width: 1920px) {
  .responsive body #wrap_all {
      max-width: 1920px;
      margin: 0 auto;
  }

  #header {
      max-width: 1920px;
  }

  #top .avia-layerslider .ls-wp-container {
    width: 100% !important;
}

#top .avia-layerslider .ls-wp-container .ls-slide-backgrounds * {
    max-width: 100% !important;
    width: 100% !important;
    transform: translateX(0) translateY(0) !important;
    transition: none !important;
}

#top .ls-inner .ls-slide-transition-wrapper, #top .ls-inner .ls-slide-transition-wrapper * {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    transition: none !important;
}

.ls-layers .ls-wrapper {
    transform: translateX(-600px) !important;
}
}

The background resize is quite normal because the size property is set to “cover”. You can adjust the settings in the Slider Settings > Default Options panel. We set it to “stretch”.

The last css declaration above took care of the layers’ position.

.ls-layers .ls-wrapper {
    transform: translateX(-600px) !important;
}

Best regards,
Ismael

Hi,

I am afraid that in this way we are just complicating things and maybe better to revert the changes and hope most of my clients don’t have an extra wide monitor :):)

Yes, that’s probably the best thing to do. Besides, extra wide monitors are still not common nowadays. You can check the stats.

// https://www.w3schools.com/browsers/browsers_display.asp
// https://www.w3schools.com/browsers/browsers_resolution_higher.asp

For example on the main page, on the normal ratio monitor- the image is stretched, the TV tower for example looks funny:

That is because we set the background size to “stretch” instead of “cover”. You can set it back to “cover” or “contain”.

The background resize is quite normal because the size property is set to “cover”. You can adjust the settings in the Slider Settings > Default Options panel. We set it to “stretch”.

Best regards,
Ismael

Hi,

You’re welcome. We’ll close this thread for now. Let us know if you need anything else. :)

Best regards,
Ismael