[skynet]

Hello, how can I remove the header image only from mobile phones?

[Mahesh]

@skynet: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

@media screen and (max-width: 767px) {
	#site-header-image {
		display: none;
	}
}

Regards,
Mahesh

[skynet]

hello Mahesh thank you, unfortunatly this CSS code “alone” don’t work
i also added this:

@media screen and (max-width: 767px) {
	#site-header-image {
		display: none;
	}
}

.navrespo { display: none; }
@media screen and (max-width: 767px) { .navrespo { display: block; } }
@media only screen and (max-width:480px) { .site { margin-bottom: 48px; } }
@media screen and (max-width: 480px) {
.logo-wrap { display: none; }
}

[Mahesh]

@skynet: I tested on our server and it just worked fine to hide the Header image. Let me know if any problem.

Regards,
Mahesh

[Author]

Posts