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.

Theme North: Sidebar and Overlaps Content Problem

Resolved 14 replies customizationthemetheme-north
Admine BF
8 years ago · Last reply by Admine BF 8 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

14
  1. Alex S Staff 8 years, 11 months ago

    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. Admine BF 8 years, 11 months ago

    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. Alex S Staff 8 years, 11 months ago

    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. Alex S Private Staff 8 years, 11 months ago

    This is a private message.

  5. Brotfabrik Webadmine Private 8 years, 11 months ago

    This is a private message.

  6. Alex S Staff 8 years, 11 months ago

    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. Brotfabrik Webadmine Private 8 years, 11 months ago

    This is a private message.

  8. Alex S Private Staff 8 years, 11 months ago

    This is a private message.

  9. Brotfabrik Webadmine Private 8 years, 11 months ago

    This is a private message.

  10. Alex S Staff 8 years, 11 months ago

    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. Admine BF 8 years, 11 months ago

    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. Admine BF 8 years, 11 months ago

    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. Alex S Staff 8 years, 11 months ago

    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. Admine BF 8 years, 11 months ago

    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.

Have a different question or issue?

Start New Thread