Resource

Global boxed container

Manage your background boxed container width globally

UPDATE: You don’t need to use CSS anymore, because the newest update of Elementor now allows you to set up the width for each breakpoint

Let me show you. You can just set up your different breakpoints within the Site Settings > Layout > Content Width.

Screenshot 2023 08 21 At 13.16.06

I recommend using the following values:

  • Widescreen: you can leave empty
  • Desktop: 1120px
  • Laptop: 85%
  • Tablet Landscape: leave empty (it will use 85%)
  • Tablet Portrait: leave empty (it will use 85%)
  • Mobile Landscape: leave empty (it will use 85%)
  • Mobile Portrait: 90% or 95% (depending on your design)