CSS Breakpoints & Media Queries

The default CSS Breakpoints for Page Builder Framework are set to 1024px for tablets and 768px for mobile devices. Your media queries in your CSS file would look something like this:

// 1024 - Tablets
@media screen and (max-width:1024px) {

}

// 768 - Mobiles
@media screen and (max-width:768px) {

}

With the Premium Add-On installed, you can change Page Builder Frameworks responsive Breakpoints under Theme Settings -> Responsive Breakpoints.

Last updated on: December 10th, 2019


Related Articles

Scroll to Top

Black Friday Sale

Enter your email address and be the first to get notified when our Black Friday sale begins!

Download

Enter your email address and be the first to get informed about new features & updates!

Download

Enter your email address and be the first to get informed about new features & updates!