Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #52427
    Beth
    Participant

    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

    #52431
    Sakin
    Keymaster

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

    #52561
    Beth
    Participant

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

    #53804
    Kenny
    Member

    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

    #53806
    Sakin
    Keymaster

    @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.

    #53809
    Kenny
    Member
    #53816
    Kenny
    Member

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

    #53845
    Sakin
    Keymaster

    @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.

    #53850
    Kenny
    Member

    check the site again, i have opened it

    #53870
    Sakin
    Keymaster

    @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; }
    }
    #53872
    Kenny
    Member

    Thanks Pal, it worked

    #53873
    Kenny
    Member

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

    #53879
    Sakin
    Keymaster

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

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sidebars Pushing to Bottom of Page’ is closed to new replies.