Archived topic

Spacing between sidebar and footer

14 replies · Started by Carl on January 19, 2017

Viewing posts 1–15 of 15

January 19, 2017 at 12:56 pm #265884

Hi team - usually I would be happy to spend a few hours trying to find the solution for this but I am kind of pressed for time with out launch next week! Any solutions for the following issue? When the main content of a page is minimal, the sidebar widgets are compressing into the footer instead of maintaining spacing:

http://bit.ly/2k5CPmd

January 19, 2017 at 4:47 pm #265935

Hi Carl,

Try this CSS:

.inside-right-sidebar {
    margin-bottom: 30px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

January 19, 2017 at 4:57 pm #265945

Thanks Leo, but unfortunately didn't change anything.

January 19, 2017 at 5:00 pm #265948

Weird...Just tested the code and it seems to work for me.

Any chance your site is live?

January 19, 2017 at 5:04 pm #265953

Yeah it is, this is an example page where I see the problem https://pe.mystudyseries.co.nz/courses/as90962-1-1/

I have just left the office unfortunately!

January 19, 2017 at 5:08 pm #265958

Don't think you've provided the right page...That page has enough content so that the sidebar doesn't touch the footer section.

January 19, 2017 at 5:11 pm #265960

Knew that would happen. I'll look again when I am at desk and flick through. Only a minor and no big rush. Sorry to be a pain.

January 19, 2017 at 5:14 pm #265963

No problem. Just provide the correct link and we will solve it :)

January 19, 2017 at 10:51 pm #266024

Ok, I can't replicate the issue unless the user is logged in. I have two sidebar widgets which grow to accommodate user achievements and site navigation, as per the video below. See what you think.

https://vimeo.com/200304496/db9e9527b0

January 19, 2017 at 11:04 pm #266025

Are you using a plugin in the sidebar widget to display those items?

Try this CSS:

.widget_ldcoursenavigation {
    margin-bottom: 20px !important;
}

Let me know.

January 19, 2017 at 11:23 pm #266031

No luck. The widget I am using came with the learndash plugin if that helps..

January 19, 2017 at 11:31 pm #266034

few more attempts before I go to sleep...
1. Try the code above again - I added !important
2. This CSS should push the sidebar away, but then you would have double the margin when the content is longer..

.site-footer {
    margin-top: 20px;
}

3. Create a temp user for me to log in and see what's going on when it expands.

January 19, 2017 at 11:40 pm #266038

As a test, I used developer tools to insert some more content into the widget: https://www.screencast.com/t/ommkOing2u

As you can see, the separator exists. I'm not sure how the plugin is adding content to the sidebar that would make the element ignore the margin. As Leo said, one of us would have to log in to take a look.

January 19, 2017 at 11:51 pm #266044

Thanks Leo and Tom!

.widget_ldcoursenavigation {
    margin-bottom: 20px !important;
}

That worked a treat! EPIC!

January 20, 2017 at 7:22 am #266176

Glad we can help!

This archived topic is closed to new replies.

Start building better websites today.