Home>Support>Sidebar Being Cut-Off

Sidebar Being Cut-Off

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

See here:

Blog

The very first sidebar item should be a circle profile image of Sara and her about content.
That content is there, however, I presume it’s the SiteOrigin Hero that is overlapping it.

The blog page is an actual page with:
SiteOrigin Hero
Post Loop

The individual blog post page is fine.

8 Things You Probably Don’t Know About Your Intuition

If I add ‘margin-top: 550px;’ to div#secondary.widget-area it pushes it down on the blog page — to where it’s supposed to be — but –> pushes it down — 550px — way down, on the individual blog post page.

Please advise.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Anna

    Thanks for posting.

    Did you perhaps decide to remove the sidebar from the home page? I don’t see it there. Hopefully, you’ve made progress.

  2. 6 years, 3 months ago Anna K Amendolare

    The home page, Andrew, is a static page.
    saradoolittle.com/home

    The WP blog page is saradoolittle.com/all-posts
    The actual blog page is saradoolittle.com/blog

    I set it up that way because I wanted a hero image on the blog page, which is the page I’m having the issue with:
    the hero image overlaps the sidebar.

    The page (/blog) is constructed as thus:

    ROW: SitOrigin Hero
    ROW: PostLoop

    Both are full-width rows. Could that be creating the issue?

  3. 6 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super, thanks for explaining again.

    There isn’t a theme or Page Builder setting that can resolve this problem. In Vantage we created a page slider setting to insert sliders above the sidebar. North doesn’t offer this setting, unfortunately.

    In order to remain viable, our free support scope is quite limited. We can get a bit deeper into customization assistance within our premium support scope.

    If you inspect the source code of the page, you’ll see every page has classes in the body tag. You need to prefix your rule so as to target the blog page. Give it a try, right click, inspect and use the developer tool to inspect the source code, locate the body tag.

    .page-id-20 .your-rule {
    }

    is what you’re after or something like that. Hope this helps you get going.

  4. 6 years, 3 months ago Anna K Amendolare

    Thanks, Andrew. You’ve been more than helpful. Thanks for understanding the issue and providing both an explanation and suggestion. I’m a smart cookie – I can take it from here.

  5. 6 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad that helps. Good luck with the site.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More