Docs

[DOFI]

HEllo,

i have 3 questions:

1) how make the sidebar sticky (keep it on the left as we scroll)

i looked the code provided here and it doesn’t work 🙁

2) The background of my menu is transparent: how can i have something more decent?

3) is it possible to put a texture on the side (under my menu and all the left part of the page)

thank you very much

Présentation

[Thai]

Hi There,

Please add the following javascript under Customizer > Custom > Global Javascript:

jQuery(function($) {
	$(window).scroll(function() {
		if( $(window).width() < 980 ){
			return false;
		}
		var scrollPos = $(window).scrollTop();
		if( scrollPos > 125 ) {
			$(".x-sidebar").addClass('fixed-sidebar');
		} else {
			$(".x-sidebar").removeClass('fixed-sidebar');
		}
	});
});

Please add the following CSS under Customizer > Custom > Global CSS:

.x-sidebar.fixed-sidebar {
    position: fixed;
    max-width: 213px;
    top: 0;
}
.widget ul li, 
.widget ol li {
    background-color: #f0f0f0;
}

Hope it helps 🙂

[DOFI]

hello !

thank you very much, it almost works: the first items are hidden and the column gets smaller

thank you again,

[Jade]

Hi there,

It seems that the admin bar covering the top area of the sidebar is normal.

Normal users can view the sidebar correctly when the site width shrinks.

See screenshot attached.

[Author]

Posts