Home>Support>Theme North: Sidebar and Overlaps Content Problem

Theme North: Sidebar and Overlaps Content Problem

Hello,
I have this problem: on the homepage I would absolutely like to show with Overlaps Content and the Hero. I also need a sidebar! The first part of the sidebar is now hidden by the hero slider. Is there an option to prevent this? I need the sidebar absolutely, because only there a specific widget can be used. Do you have an idea?
Best regards,
Admins

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

  1. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Admine,

    This is possible, but you’ll need to use CSS to avoid this. Do you have a public URL where I can take a look at your setup?

  2. 7 years, 6 months ago Admine BF

    Hello Alex,

    That makes hope … I have unfortunately no public url, since the site is in the construction site mode. Would you like an access? Is
    Subscribers enough to just look or with Adminrecht?

    Best Regards, Admine

    *Webadministration Brotfabrik Berlin* Regina Menzel T. 0176-21 83 45 08 [email protected]


    Diese E-Mail wurde von Avast Antivirus-Software auf Viren geprüft.
    https://www.avast.com/antivirus

  3. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Admine,

    Yes, please.
    I’ll likely require an editor or higher role as Subscriber is typically blocked. I would recommend looking over your construction gate’s settings to check if there’s anything that blocks subscribers.

  4. 7 years, 6 months ago Private Message - Alex S Hi, I Work Here

    This is a private message.

  5. 7 years, 6 months ago Private Message - Brotfabrik Webadmine

    This is a private message.

  6. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Admine,

    Oh. It looks like we never received the email. Can you please try resending it? To clarify, you’ll receive notification of when we receive it.

  7. 7 years, 6 months ago Private Message - Brotfabrik Webadmine

    This is a private message.

  8. 7 years, 6 months ago Private Message - Alex S Hi, I Work Here

    This is a private message.

  9. 7 years, 6 months ago Private Message - Brotfabrik Webadmine

    This is a private message.

  10. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Admine BF,

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    @media (min-width: 601px){
    	#secondary {
    		margin-top: 415px;
    	}
    }
    

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  11. 7 years, 6 months ago Admine BF

    Great, Alex, it's great! It works…
    Thank you!

    Now is still this problem: the sidebar sits too close to the content – I need left from the sidebar more padding. Can you help here please?

    Best regards,
    Admine

    *Webadministration Brotfabrik Berlin* Regina Menzel T. 0176-21 83 45 08 [email protected]


    Diese E-Mail wurde von Avast Antivirus-Software auf Viren geprüft.
    https://www.avast.com/antivirus

  12. 7 years, 6 months ago Admine BF

    Oh … I just see: now there is too much gap in the mobile view! This can definitely be differentiated define?

    Best regards,
    Admins

    *Webadministration Brotfabrik Berlin* Regina Menzel T. 0176-21 83 45 08 [email protected]


    Diese E-Mail wurde von Avast Antivirus-Software auf Viren geprüft.
    https://www.avast.com/antivirus

  13. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Admine,

    Please replace the previously provided CSS with:

    @media (min-width: 601px){
    	.site-content #secondary.widget-area {
    		margin-top: 415px;
            	padding-left: 40px;    
    	}
    }
    

    Then simply adjust the padding to get your desired spacing.

    To clarify, the provided CSS doesn’t affect mobile devices. The spacing you’re referring too on mobile is being added by the theme CSS. If you would like to adjust it, add the following CSS:

    @media (max-width: 600px) {
        body.responsive .site-content .widget-area {
            padding-top: 40px;
        }
    }
    
  14. 7 years, 6 months ago Admine BF

    Yes fine, that fits now. Thank you very much!

    Best regards,
    Admins

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