Archived topic
Tablet Sidebars
3 replies · Started by Muhammad on August 1, 2021
Viewing posts 1–4 of 4
Hie there!
I am using GP Premium. I have fixed my Container Width 2000 px with 'sidebar/content/sidebar' layout. I have set my left sidebar width and right sidebar width 25% each. I want to reduce left sidebar width and right sidebar width to 15% each for tablet only not for desktop. How can I reduce it for table only. Thanks for the great theme.
Hi there,
add this CSS:
@media(min-width: 769px) and (max-width: 1024px) {
.both-sidebars .is-left-sidebar,
.both-sidebars .is-right-sidebar {
width: 15%;
}
.both-sidebars .site-content .content-area {
width: 70%;
}
/* Optional - reduce padding of containers */
.both-sidebars.separate-containers .inside-article,
.both-sidebars .sidebar .widget {
padding: 20px;
}
}Note: i include the CSS rule for reducing the padding as there isn't really a lot of space for that layout on portrait tablet devices.
Hi David
That's great. It is working. You are so helpful.
Thanks a lot.
Glad to be of help
This archived topic is closed to new replies.
