Support » Themes and Templates » Sidebar overlapping

  • Hello,

    I’m having a problem with my sidebar overlapping the main column and can’t figure out how to change it. my friend’s been trying to guess at something to remove in a template but i can’t find anything and i’m not even sure which template to use. could anyone help? thank you!

    http://1070009035.test.prositehosting.co.uk/about-byc/

    the facebook widget isn’t the cause as it stays the same even if empty; and whatever i set the width to in the theme options, the main column still widens and stays overlapped

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey irncru,

    It isn’t something that has to be removed in a template. In your custom-styles.css stylesheet you have a right margin of -235px set for #sidebar-shell-1, if you just change the value to a higher number (-260px looks pretty good) it won’t be overlapping anymore.

    Hope that helps!

    Thread Starter irncru

    (@irncru)

    Thanks for replying SWR,

    I looked in styles.css and the only reference to sidebar one was this

    #sidebar-container.sidebar-container-left #sidebar-shell-1, #sidebar-container.sidebar-container-left #sidebar-shell-2 { float: left; margin-left: 0; margin-right: 15px; right: auto; }
    #sidebar-container.sidebar-container-right #sidebar-shell-1, #sidebar-container.sidebar-container-right #sidebar-shell-2 { float: right; margin-right: 0; margin-left: 15px; right: auto; left: auto; }

    I tried adding {margin-right: 260px; } after sidebar-shell-1 but it did nothing. Not sure if that’s right but nothing I’ve tried has had any effect on anything so far 🙁

    Are you using a child theme or custom css plugin? (those are the only places recommended to make changes)

    you could simply add in your stylesheet the following:

    #sidebar { margin-right: 0px; }

    Thread Starter irncru

    (@irncru)

    hmm, that’s worked in chrome, but i just looked in IE and the problem was still there. also i have a fluid layout with the width set to 100%, and now the page is actually wider than the browser window.

    and SWR – that was just in the style sheet for the theme i’m using in WP

    It’s actually looking fine for me now, in Chrome, Firefox and IE

    The reason I mentioned a child theme or custom css plugin is that if you’re making the changes directly to the theme’s stylesheet they’ll be lost when the theme updates and/or cause other problems.

    It’s super easy to create a child theme though, http://codex.wordpress.org/Child_Themes or install one of the many custom css plugins and copy and paste your changed code to avoid any issues 🙂

    Thread Starter irncru

    (@irncru)

    not for me, in all browsers the page is too wide. any ideas?

    also, i created a child theme, and the navigation menu disappeared 🙁

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sidebar overlapping’ is closed to new replies.