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

Tablet width fix

Home / Forums / Kadence Theme / Tablet width fix

This topic is: Awaiting Feedback
[Awaiting Feedback]
Posted in: Kadence Theme
May 13, 2023 at 4:33 pm

Hello,

I recently hid my sidebar on tablet and mobile views. However, now, other elements such as Category and Tag titles as well as the footer are not aligned as I assume they are matching the width had there been a sidebar. So far, I’ve manually forced them to match but it is becoming a problem.

This is the CSS:


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

@media
(min-width:768px) and (max-width: 1024px){
.has-sidebar .content-container {
max-width: 700px
}
}

My hope is to be able to have the content’s inner width match the actual width on the tablet view.

Cheers,

Mark

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