This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Sidebar Being Cut-Off

Resolved 5 replies customizationthemetheme-north
Anna K Amendolare
6 years ago · Last reply by Andrew Misplon 6 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 6 years, 10 months ago

    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. Anna K Amendolare 6 years, 10 months ago

    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. Andrew Misplon Staff 6 years, 10 months ago

    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. Anna K Amendolare 6 years, 10 months ago

    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. Andrew Misplon Staff 6 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread