Hello is it possible to apply styling to an image or an element so that is it isn’t visible on a mobile device
for example: http://rcgauto.staging.wpengine.com/service/ (hosted on WPengine)
In the middle there is a quote page – but the elements on the right and left I would like to disappear when viewed on a narrow screen device
Thanks
Hey rcgroup!
Please turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give elements you would like to hide on mobile a custom CSS class then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.your-custom-class { display: none !important; }}
Cheers!
Yigit
OK – great
Thanks