• Resolved elrico13

    (@elrico13)


    OK, so this is driving me crazy.

    All items in the sidebar on the home page of this site are unclickable:
    ChamberStudio.org

    The site is built on the Canvas theme but the subscription has run out so updating the theme is not a free option.

    I can see that the Main content area overlaps the Sidebar area which I think is at the root of this, and I was able to make things clickable when playing around in Firebug by editing the HTML and moving the Sidebar element into the same parent div as the Main content area.

    That is kludgy though and I assume that to make it stick like that will involve editing theme files.

    I’m hoping there’s a CSS fix for this. Fingers crossed.

    [ Please do not bump, that’s not permitted here. ]

Viewing 1 replies (of 1 total)
  • Thread Starter elrico13

    (@elrico13)

    Well, no-one helped with this but I did fix it in the end, just with CSS.

    This was the code in the end:

    #sidebar {
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 1;
    }

    The z-index is the thing that does the business, by moving the widget out from underneath the layer that was covering it.

    The positioning is necessary to make the z-index bit work. As you’ll see, the positioning isn’t actually changing the positioning at all, but without a position z-index isn’t respected.

    Hope that helps someone else one day.

Viewing 1 replies (of 1 total)

The topic ‘Unclickable sidebar’ is closed to new replies.