Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

CSS Breakpoints

Home / Forums / Ascend Theme / CSS Breakpoints

This topic is: Resolved
[Resolved]
Posted in: Ascend Theme
February 21, 2018 at 6:33 pm

Can you please advise on the correct page break points to use with Ascend.

I have currently set them up to be

/* Large Display */
@media (min-width: 1025px) {

}

/* Tablet Display */

@media (min-width: 768px) and (max-width: 1024px) {

}

/* Mobile Display */

@media (max-width: 767px) {

}

But have just found in one of the template components the following

Above 1500px screen width columns:

1200px - 1500px screen width columns:

768px - 992px screen width columns:

544px - 768px screen width columns:

Below 544px screen width columns:

Can you please advise on the correct ones to follow.

  • The forum ‘Ascend Theme’ is closed to new topics and replies.