Tagged: responsive, sidebar
- This topic has 12 replies, 3 voices, and was last updated 9 years, 9 months ago by Sakin.
-
AuthorPosts
-
February 26, 2015 at 10:18 pm #52427BethParticipant
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.
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
February 26, 2015 at 11:03 pm #52431SakinKeymaster@Beth: You have CSS conflict with the plugin LearnDash Course Grid plugin. Remove that plugin and it will work fine.
March 2, 2015 at 1:48 am #52561BethParticipantThat fixed it, thanks!. We were just going to start experimenting with it, but now I guess we won’t.
March 20, 2015 at 2:39 pm #53804KennyMemberHi 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
March 20, 2015 at 2:52 pm #53806SakinKeymaster@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.
March 20, 2015 at 3:50 pm #53809KennyMemberMarch 20, 2015 at 5:31 pm #53816KennyMemberHi Sakin, is there any update? the site is currently under construction and needed to be closed again. kindly be fast please.
March 20, 2015 at 11:37 pm #53845SakinKeymaster@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.
March 21, 2015 at 12:42 am #53850KennyMembercheck the site again, i have opened it
March 21, 2015 at 12:01 pm #53870SakinKeymaster@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; } }
March 21, 2015 at 1:10 pm #53872KennyMemberThanks Pal, it worked
March 21, 2015 at 1:27 pm #53873KennyMemberbut how can i close up the margins between them
how that i align the content size to fit because it is too wideMarch 21, 2015 at 3:46 pm #53879 -
AuthorPosts
- The topic ‘Sidebars Pushing to Bottom of Page’ is closed to new replies.