Hi, love the theme. I am trying to adjust the sidebar width using the following Custom CSS
#primary {
width: 90%;
}
#secondary {
width: 10%;
}
I am using the default template. It works good on the posts. On the pages, it adjusts the sidebar width, however the main content doesn’t extend accordingly, so there is a large gap between the sidebar and main content, please help.
Preface: This post has been updated with the CSS found in my next reply.
Hi Raymond,
I would recommend using the following CSS instead:
@media (min-width: 681px){ .page-template-default #primary, #primary { width: 71.287%; } #secondary { width: 23.762%; }}.page-template-home-panels #primary, .page-layout-no-sidebar #primary, .page-layout-full-width #primary { width: 100% !important;}Do you have a public URL where we can take a look at what’s going on?
Hi Alex:
Thank you for the reply, the new CSS doesn’t work. Here are the URLs:
This is a post which works fine:
http://www.tripwinego.com/en/my-wine-buying-list-en/
This is a page, you can see the gap between main content and sidebar is much wider
http://www.tripwinego.com/en/my-wine-buying-list-page-en/
Hi Raymond,
Please replace the previously provided CSS with:
@media (min-width: 681px){ .page-template-default #primary, #primary { width: 71.287%; } #secondary { width: 23.762%; } } .page-template-home-panels #primary, .page-layout-no-sidebar #primary, .page-layout-full-width #primary { width: 100% !important; }How does that look?
It works like a charm, thanks a lot for your help.