Custom frame-size for bigger Screens (above 1440px)

[fabiandraxl]

Hej Layteam,

I currently have set a frame of 50px on my website Laytheme Sites (via Gridder Default) ...

I also added this code to limit the content (row-size) above 1440px:

.lay-content .row-inner {
  max-width: 1440px;
  margin: auto;
}

But now I have the problem that elements which are deliberately placed on the right or left edge of the grid stick no longer to the edge of the screen.

How could I solve this? Or is it even psossible?
A Dev-Friend mentioned Custom CSS Properties (Varibale)?

Could you please help my to solve this?

Here are two screen shots to better visualize the problem:

1. my website without wax-width
2. my website with max-width

Best regads and thank you all in advance,
Fabi

[Richard]

Dear Fabi

@fabiandraxl

The above website: https://fabiandraxl.com/ is not a Lay Theme website correct? 🌝

---

Best wishes

Richard

[fabiandraxl]

Hej @Richard,

Thank you, sorry i accidentally linked my old site.

You could see my Problem mentioned above perfectly via the Carousel on this page : https://new.fabiandraxl.com/bureau/

I will move the Site later this day to fabiandraxl.com, pls just remove the new. if the links aren't working.

Best Regards,
Fabian

[fabiandraxl]

Hej @Richard,

In the meantime I thought about the problem again and found a solution, don't know why I did not do like that earlier:

https://fabiandraxl.com/bureau/

I added a extra Class for the Row and the following Code to my code above:

.lay-content .row-inner {
  max-width: 1440px;
  margin: auto;
}

@media screen and (min-width: 1440px) {
    .fullwidth .row-inner {
      max-width: none !important;
    }
}

Hope that will help someone in the future. :)

Thank you and best regards,
Fabian

[Richard]

@fabiandraxl

"Hope that will help someone in the future. :)"

Im sure it will, thanks for the update! ✨