• Resolved zanzaboonda

    (@zanzaboonda)


    Hi there!

    Just downloaded this theme. ?? I’m not sure why, but the right sidebar floats(?) down below the content instead of off to the side.

    Here’s my current site URL (it’s mostly a shell atm):
    https://zwoodle.com/micromondays/

    Do you know what I could be doing wrong?

    Thanks!

Viewing 15 replies - 1 through 15 (of 21 total)
  • May be instead of putting widget on right sidebar you puts on footer widget. Please verify once by Appearance > Widget
    Thanks

    Thread Starter zanzaboonda

    (@zanzaboonda)

    No, it’s definitely the right sidebar. ?? I also have widgets in the footer, and the right sidebar is floating above them, below the content.

    I searched through forums, and it seems that some people have this issue with themes if they have unclosed HTML tags in one of their posts, but I looked through all of them twice and couldn’t find any.

    Any other thoughts?

    You must be using a tablet or mobile device. The width of your device isn’t wide enough to hold both containers you are floating. So The sidebar drops below your content container.

    If you view the site on a bigger screen you will not see the problem.

    The site has a media query in to change the layout at different screens widths. If you want to change this behavior you would have to find the media queries responsible for the change and edit them.

    Thread Starter zanzaboonda

    (@zanzaboonda)

    No, I was on my laptop. It’s definitely not a normal thing. It looks broken.

    I do have a JS object, but I checked out the container info on the Colinear homepage, and it should easily fit. But I’ll look again.

    Could it be anything else?

    I have modified following class width on this media query and it worked fine for me.

    @media screen and (min-width: 1272px)
    .content-area {
    width: 604px;
    }

    The device doesn’t make a difference. The size of the screen determines how things are arranged on the screen.

    If your screen sizes falls in the range of your media query the setting in the media query will override those of the previous media query.

    Thread Starter zanzaboonda

    (@zanzaboonda)

    @mrtom14 I think I understand. Thanks!

    @codemovement.pk That worked perfectly – thanks! I’m not a coder, and css is still pretty new to me. Am I understanding this correctly, that we just shrunk the main content container size? So, if I wanted to shrink the sidebar, instead, would I modify this?

    @media screen and (min-width: 1272px) {
       .widget-area {
           width: 328px;
       }
    }

    Down to 308px or something?

    Thread Starter zanzaboonda

    (@zanzaboonda)

    Nm, tried it and answered my own question. Lol Worked at 208. Thanks so much for your help!

    Moderator Kathryn Presner

    (@zoonini)

    Hi zanzaboonda – In Colinear, the right (or left) sidebar goes below the main column at screen sizes under 1056px.

    What was your browser width when you saw the right sidebar below the main column?

    You can verify that here by looking at the Browser window width value:
    https://whatsmy.browsersize.com/

    Thread Starter zanzaboonda

    (@zanzaboonda)

    Thank you for replying. ?? According to that link, it’s 1366px.

    Moderator Kathryn Presner

    (@zoonini)

    It’s odd that your sidebar was moving to the bottom at a browser window that wide – it shouldn’t have, unless perhaps there was something in your post/page or widget content causing that to happen. As you mentioned above, dropped sidebars often occur when there’s something like an unclosed/extra div or other element like in this example.

    If you’d like me to help troubleshoot further, feel free to undo the CSS change temporarily and I could have a look. I’m not seeing Colinear at the URL above anymore, so maybe the site moved or you switched themes.

    If you’re OK with the way things are now, no worries, just thought I’d offer. ??

    Thread Starter zanzaboonda

    (@zanzaboonda)

    Oh, that is so sweet of you! I’ll go undo it right now. And I changed the site name. Lol https://zwoodle.com/microcosms ??

    Moderator Kathryn Presner

    (@zoonini)

    Thanks! I had a look at your site at various browser widths but the sidebar only dropped below the main content when the browser was under 1056px wide, as expected.

    I made a screencast to show you what I saw in Firefox 42:

    Could you let me know what browser and version you’re using, maybe there’s a difference there?

    Thread Starter zanzaboonda

    (@zanzaboonda)

    It’s so kind of you to keep replying and trying to help me figure out why. I’m using Chrome, version 46.0.2490.82 (according to whatversion.net).

    It’s still happening for me. Here’s a screenshot. https://zwoodle.com/microcosms/wp-content/uploads/sites/11/2015/12/Screenshot-2015-12-15-at-10.13.07-PM.png

    I commented out the custom CSS before, but I did it wrong the first time, so it was about half an hour later than I intended. I’m not sure when you looked at the site. Can you confirm it’s still the same?

    Thanks so much! ??

    Thread Starter zanzaboonda

    (@zanzaboonda)

    Also, btw, the sidebar looks wrong until about 9 seconds into your screencast. Do you know why that would be?

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘Right sidebar showing below content’ is closed to new replies.