Is there a way to set a larger screen size, beyond the default XL 1200px & Up?

[daneruef]

Hello,

I am using a background image element that I have set up to change/scale with every screen size, XS, SM, MD, LG, and XL, just depending on how the content lays out.

I have it working pretty well on every screen I can test on except for very wide monitors, as in 2560px, 3440px, etc. My 2000px images get cut off after, well, 2000px. The retina setting doesn’t seem to fix this issue, nor does changing the scaling/setup to a higher percentage or pixel value. I’ll send a screenshot to show what I mean.

The problem is if we try to use a 3440 pixel image, it will use that image also for 1200px screens, and the layout will be all messed up.

I am wondering if there is a way I can have another screen size, such as 2000px and up? Or if there is a way to set background images so that they still work on large format screens, such as a scaling setting or percentage value?

Hopefully this makes sense… thanks!

[lely]

Hi @daneruef,

@daneruef

I am wondering if there is a way I can have another screen size, such as 2000px and up?

Our theme doesn’t have specific breakpoints for display larger than 1200px. It is possible by customization. You can add an element with a big background. Assign a class to that element and set it to display: none; for smaller screens. Then use media query to control it’s display on large screen size.

Hope this helps.