Icon and integrity sidebar top responsive

[gimmechefs]

Im not sure why this is happening, but please help.

Could you please tweak this code for me to have sidebar positioned top of page in responsive view for icon and integrity stacks. I have ethos and renew already, and my client is now interested in icon and integrety.

Thanks heaps…

@media (max-width: 980px) {
.x-content-sidebar-active .x-container.max.width.offset {
display: flex;
flex-direction: column-reverse;
}

.x-sidebar.right {
    margin-top: -10px;
}

}
}

[friech]

Hi @gimmechefs,

Thank you for writing in, please update your custom CSS to this:

@media (max-width: 980px) {
	.x-content-sidebar-active .x-container.max.width.offset {
		display: flex;
		flex-direction: column-reverse;
	}
	.x-sidebar.right {
		margin-top: 0;
		margin-bottom: 4em;
	}
}

Add it to Theme Options > CSS

Hope it helps,
Cheers!

[gimmechefs]

Thanks so much. It works perfectly.

[friech]

We are delighted to assist you with this.

Cheers!