Hide row on mobile

Kyle — Sat, 06 Dec 2014 06:18:47 +0000

So i am trying to hide a row on mobile devices. I set the row “Extra CSS Class” to “ish-sub-footer” and tried using the following css. However it is not working, am i missing something?

@media only screen and (max-width: 1085px) {
.ish-sub-footer {
display: none;
}

Reply To: Hide row on mobile

IshYoBoy — Mon, 08 Dec 2014 08:46:29 +0000

Hey Kyle,

First of all it seems the media query is not closed correctly. It misses the last curly bracket. Maybe also try adding important to it as there might be a “stronger” selector applied:

@media only screen and (max-width: 1085px) {
	.ish-sub-footer {
		display: none !important;
	}
}

@media only screen and (max-width: 1085px) {

.ish-sub-footer {

display: none !important;

}

If still not working, please provide the URL of the page where the code is already applied so we can have a look and see why it is not functioning. You can post it as a private reply if you are concerned about other users seeing the URL ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumHide row on mobile – Support Forum

Hide row on mobile

Reply To: Hide row on mobile