Docs

[Itwebdevelopment]

Hi, I’d like to disable my footer widget with my logo on mobile devices. Is this possible?

Here is the link:

dzdrones.com

Thanks!!

[Thai]

Hi There,

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

@media (max-width: 767px){
   .x-colophon.top > div > .x-column:nth-child(1) {
        display: none;
    }
}

Hope it helps 🙂

[Itwebdevelopment]

Thanks so much for the quick response. Is there any way to make the other widgets not visible as well on mobile?

Thanks again!!

[Nico]

Hi There,

You could use the similar code above however add the class that you want to remove for example.

@media (max-width: 767px){
   .widgetclasshere {
        display: none;
    }
}

Hope it helps.

Let us know how it goes.

Thanks.

[Itwebdevelopment]

Could you tell me all the widget classes?

[Itwebdevelopment]

Actually could you just give me the code to remove all three widgets on the website?

[Itwebdevelopment]

For mobile

[Friech]

Hi There,

Your site is not accessible at the moment. You can hide the entire Footer Widget Areas on mobile with the custom CSS below.

@media (max-width:  480px) {
	.x-colophon.top {
		display: none !important;
	}
}

Cheers!

[Author]

Posts