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

Sidebar on tablet and mobile + site width

Home / Forums / Kadence Theme / Sidebar on tablet and mobile + site width

This topic is: Resolved
[Resolved]
Posted in: Kadence Theme
April 22, 2023 at 11:11 pm

Hello,

I’m trying to hide/disable the sidebar on tablet and mobile view. I’ve implemented the below CSS:


@media
screen and (max-width: 768px){
.has-sidebar .primary-sidebar {display:none}
}

@media
screen and (max-width: 1024px){
.has-sidebar .primary-sidebar {display:none}
}

Is this correct or should I use something else?

Next, I would like to set the maximum width for tablet view. Now that there is a sidebar, when hidden, the tablet width is too wide.

Cheers and thank you in advance!

Mark

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