Remove sidebar from mobile – Themeco Community

Remove sidebar from mobile

kelidrissi — Wed, 04 Feb 2015 11:49:04 +0000

Hi,

Is it possible to disable all sidebars for mobile? I already tried some css codes but no results..

Thanks again for the help!!

Karim

Reply To: Remove sidebar from mobile

Darshana — Wed, 04 Feb 2015 17:22:33 +0000

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Reply To: Remove sidebar from mobile

kelidrissi — Wed, 04 Feb 2015 19:08:12 +0000

This reply has been marked as private.

Reply To: Remove sidebar from mobile

Rad — Thu, 05 Feb 2015 01:12:50 +0000

Hi there,

Thanks for writing in.

How about adding this css at your customizer’s custom css under Admin > Appearance.

@media ( max-width: 979px) {

.x-sidebar {
display: none;
}

.x-main {
float: none;
width: 100%;
}

}

Cheers!

Reply To: Remove sidebar from mobile

kelidrissi — Thu, 05 Feb 2015 17:34:55 +0000

Hi,

It doesn’t work..

Karim

Reply To: Remove sidebar from mobile

Friech — Fri, 06 Feb 2015 03:21:53 +0000

Hi Karim,

I Just updated the code a little bit. Please add this instead

@media ( max-width: 979px) {

	.x-container .x-sidebar.left {
	display: none;
	}

	.x-main {
	float: none;
	width: 100%;
	}

}

Hope it helps, Cheers!

Reply To: Remove sidebar from mobile

kelidrissi — Sat, 07 Feb 2015 11:58:41 +0000

Thank You!! 🙂 Great support!

Karim

Reply To: Remove sidebar from mobile

Senthil — Sat, 07 Feb 2015 12:15:56 +0000

Thank you!