Sidebar Disappears when Horizontally Scrolling

Community Forums Forums Design Tips and Tricks Sidebar Disappears when Horizontally Scrolling

This topic is: not resolved

This topic contains 4 replies, has 3 voices, and was last updated by  SoZo 1 year, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #16968

    suspectsteve
    Participant
    Post count: 4

    So this is a weird one for me. I’m a novice, so maybe this is an easy fix, but for some reason when I make my browser window smaller than the entire width of my site (so you can only see half the sidebar), if I scroll back to the right (as if to look at something on the sidebar), there’s nothing there. It looks like my background is somehow overlapping my sidebar, but I don’t know where to diagnose this. Maybe it’s a weird responsive design thing? Any help is appreciated.

    Website: http://www.trailerfish.com

    Pic for reference: https://dl.dropbox.com/u/123673/Eaten_Sidebar.png

    #17014

    braddalton
    Participant
    Post count: 10234

    I think that’s a normal responsive design where the sidebar displays below the content.


    #17035

    suspectsteve
    Participant
    Post count: 4

    That’s the thing. When the window reaches the responsive design threshold, yes, the sidebar moves to the bottom of the page. But this is BEFORE the threshold. For some reason the sidebar is being clipped by the background image as soon as the window is less the 960px, but before the sidebar is instructed to move down (in my case 675px is when it first starts). I’m sure this isn’t normal, but I’m not sure how to fix it.

    #17206

    suspectsteve
    Participant
    Post count: 4

    Well, I was able to keep the sidebar from getting clipped when the browser window is resized by setting a value in #wrap to 980px. Now, my responsive design rules are reacting negatively to that, so that’s what I’ll try to fix now. Will post an answer if I get one for future searches.

    #17254

    SoZo
    Moderator
    Post count: 1573

    You shouldn’t be able to scroll horizontally when the responsive rules take over. Actually, there should never be a horizontal scroll unless something is wrong. You most likely had an absolute width set somewhere that wasn’t overridden by a matching rule in the responsive section. Now you only have one responsive effect @ about 680px.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.