Responsive Visibility

Hi Albulushi!

Thank you for using Enfold.

You can add a unique selector to any elements on the advance layout builder except for column layouts. Refer to this link for more info:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Add a unique css selector on “Custom Css Class” field. For example, add “hide-mobile”.

You can add something like this on your custom.css or Quick CSS to hide those elements on mobile device:

@media only screen and (max-width: 767px) {
.hide-mobile {
display: none;
}
}

Regards,
Ismael

Hi!

Can you please post the link to your website and point out the element? Please also try adding !important rule to Ismael’s code as following

@media only screen and (max-width: 767px) {
.hide-mobile {
display: none !important;
}
}

Cheers!
Yigit