Sidebar Height / Background Colour

Support
#1

Hey guys,

I’m trying to play with the background colour of the sidebar. I’ve got the background colour of the site how I want it now, but the grey of the sidebar stops after the widgets. I’d like for it to stay grey all the way down the page. Is there a way to do this?

Thanks in advance!
Beth

#2

Hello Beth,

Thanks for writing in! To have the sidebar height the same as the height of your content area, please add this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL Javascript

(function($){
  var H = $('.x-main').outerHeight();
  $('.x-sidebar').css('height', H);
})(jQuery);

Hope this helps. Please let us know how it goes.

#3

Thank you so much, that seems to have worked. Except for this little line at the bottom. Is there anything I can do about this?

#4

Hi There,

Could you please share us with your website URL so we can take a closer look?

Thanks.

#5

http://4wdawpdev.emgcloud.net

Another thing I’m finding is that the sidebar is not full height on all pages.

Thanks!

#6

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.blog .x-main .hentry:last-of-type, 
.search .x-main .hentry:last-of-type, 
.archive .x-main .hentry:last-of-type {
    border-bottom: none;
}
#7

That doesn’t seem to have worked for me, but not to worry as we are changing the colour scheme and theme a bit and this is no longer an issue.

Could you please help me with something else ? I want to remove the side bar from all mobile device views and put in an alternate footer to the one we have on desktop. Is this possible?

#8

Hi again,

To hide the sidebar from mobile views, add the following code in your Customizer:

@media screen and (max-width: 767px) {
    .x-sidebar {
        display: none;
    }
}

Hope this helps!

#9

That doesn’t seem to have worked, is there anything else I can try?

#10

Hi there,

I tried checking your site but it seems to be down at the moment.