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

Footer CSS Media Queries

Home / Forums / Kadence Theme / Footer CSS Media Queries

This topic is: Not Resolved
[Not Resolved]
Posted in: Kadence Theme
March 30, 2021 at 11:34 am

Hi,

There is a conflict between tablet and mobile at width 719px. When we resize the window, at step 719px, the cols still display in tablet mode while the inner sections display in mobile mode.

In the footer.css file, media query for tablets is “@media screen and (min-width: 719px) and (max-width: 1024px)” and MQ for mobiles is “@media screen and (max-width: 719px)”.

I think the breakpoint for tablet should be “min-width: 720px” so that the transition is cleaner/smoother.

Could you please take a look?

Thanks!

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