Breakpoints
CSS breakpoints are points where the website content responds according to the device width, allowing you to show the best possible layout to the user.
The Basilico theme is optimized to work at the following breakpoints:
Mobile Portrait: < 575px
Mobile Extra: 576px - 767px
Tablet Portrait: 768px - 991px
Tablet Extra: 992px - 1199px
Laptop: 1200px - 1499px
Desktop: > 1500px.
If you need to change breakpoints, do the following:
Select the page you want to edit -> Select Edit With Elementor
Click on the menu icon in the upper left corner of the Elementor menu
Select Site Settings -> Layout -> Breakpoints; here you can change the breakpoints as you wish.
Last updated