Media Queries

[stewart2]

stewart2

March 25, 2018 at 8:41 pm

Hi,

I’m trying to get some media queries running so I can hide or show different elements on mobile or desktop.

The css I am using is below. I am then adding either .mobile-only or .desktop-only to the row class in the visual editor but it’s just not working. I have used this css on other wordpress sites without any issue. So Im wondering if there is something you can suggest to help me here…?

Thanks kindly in advance,

Stewart

@media (min-width:800px) {
.desktop-only {
display:block !important;
}
}

@media (max-width: 799px) {
.mobile-only {
display:block !important;
}

.desktop-only {
display:none !important;
}
}