Basilico WordPress Theme
  • Getting Started
    • Thank you!
    • Support
    • System Requirements
  • Basic Installation
    • WordPress Installation
    • Theme Installation
    • Plugin Installation
    • Install Demo Data
    • Child Theme
    • Theme Update
  • Basic Site Setup
    • Setup Home Page
    • Customize Menu
    • Header - Builder
    • Header Mobile - Builder
    • Hidden Mobile Menu - Builder
    • Page Title - Builder
    • Mega Menu - Builder
    • Menu Popup - Builder
    • Hidden Sidebar - Builder
    • Footer - Builder
  • Theme Options
    • All Settings
    • Settings Backup
  • Elementor
    • Setup Global Color/Typography
    • Breakpoints
    • Template
    • Edit Nested Sections
    • Connecting Tab/Tab Carousel
    • CSS Problem on the Page
  • Page
    • Create a Page
    • Create a One Page
    • Page Options
  • Blog
    • Create a Blog Post
    • Setup the Blog Page
    • Change Default Post Layout
    • Blog Post Options
  • Sidebar - Widget
    • Sidebar Settings
    • Sidebar Style
    • Add Widgets to Sidebar
  • Translation
    • Setting Default Language
    • Setup a multi language
    • Translate the Theme
  • Seo
    • Seo
  • FAQs
    • How to change site Logo
    • How to change color
    • How to change Font
    • How to hide - change Loader
    • How to change Favicon
    • How to update or remove header sticky
    • How to change the way input fields are displayed
    • My website is slow
  • Troubleshooting
    • Common Elementor issues
    • Required plugins install: Download Failed.
Powered by GitBook
On this page
  1. Elementor

Breakpoints

PreviousSetup Global Color/TypographyNextTemplate

Last updated 6 months ago

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.