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:

1. Select the page you want to edit -> Select Edit With Elementor

2. Click on the menu icon in the upper left corner of the Elementor menu

3. Select Site Settings -> Layout -> Breakpoints; here you can change the breakpoints as you wish.