[Beth]

We are having an issue with our site with our sidebar using Catch Kathmandu Pro. We have selected Right Sidebar as the layout. On a tablet, the sidebar shows up next to the main content in landscape mode, but goes to the bottom of the page in portrait mode (which we expected).

However, that same page viewed on a computer screen pushes the sidebar to the bottom of the page. The main content is pushed to the left with a big white space on the right, the sidebar is pushed to the right with a huge white space to the left. This is happening on all the pages. Basically it looks like the sidebar is too wide and won’t fit in the space. You can see that it and the main content overlap by about an inch or so.

http://www.cerguua.org/HUULTI

However, if you drag the screen of the browser to make it smaller, eventually the sidebar will pop up where it is supposed to be to the right of the content.

Switching to a left sidebar does the same thing. We have made no customizations to the css.

Thanks, Beth

[Sakin]

@Beth: You have CSS conflict with the plugin LearnDash Course Grid plugin. Remove that plugin and it will work fine.

[Beth]

That fixed it, thanks!. We were just going to start experimenting with it, but now I guess we won’t.

[Kenny]

Hi guys, i am currently working on Catch-Kathmandu Pro, I have inserted sidebars and it is too wide. please how can i reduce it and also how can i re-align the page

[Sakin]

@Kenny: Please post in your site URL so that I can see which layout your are using. As there are different layout options in “Appearnace => Theme Options => Layout Options”. Yes, you can change the layout of your post/page from “Catch Kathmandu Options” meta box below your post and page editor when you edit or write new page/post.

[Kenny]

lsgpchad.com

[Kenny]

Hi Sakin, is there any update? the site is currently under construction and needed to be closed again. kindly be fast please.

[Sakin]

@Kenny: Sorry I couldn’t see it. Maybe you can upload your screenshot of your site in any photosharing site and paste the URL here. So, that I don’t need to look at your site URL. So, let me know by how much you want to deduce it to.

[Kenny]

check the site again, i have opened it

[Sakin]

@Kenny: This is responsive design site so you need to careful while adjusting the width of Primary(Your right content) and Secondary (your left Sidebar ). Below you will find the css that uses for various screen size. So, if you want to increase the content then increase Primary width and reduce the same amount in secondary width. After you adjust it you can add in the css in “Appearance => Theme Options => Custom CSS” box:

/* Screen size above 961px */
@media screen and (min-width: 961px) {
#secondary { width: 340px; }
#primary { width: 480px; }
}
/* Screen size above 1024px */
@media screen and (min-width: 1025px) {
#secondary { width: 340px; }
#primary { width: 540px; }
}
/* Screen size above 1152px */
@media screen and (min-width: 1153px) {
#secondary { width: 360px; }
#primary { width: 620px; }
}
/* Screen size above 1280px */
@media screen and (min-width: 1281px) {
#secondary { width: 380px; }
#primary { width: 700px; }
}
/* Screen size above 1344px */
@media screen and (min-width: 1345px) {
#secondary { width: 380px; }
#primary { width: 750px; }
}

[Kenny]

Thanks Pal, it worked

[Kenny]

but how can i close up the margins between them
how that i align the content size to fit because it is too wide

[Sakin]

@Kenny: Just increase the width of the primary and it will close the gap.

[Author]

Posts