How to hide elements on mobil?

[goldmine]

Hi everybody,

I would like to hide some images or text-elements on the mobil version only. Is there a html/css-code to solve that?

Thanks
Maximiliane

[Richard]

Dear Maximiliane

@goldmine

There are a number of ways to approach the problem but i think the easiest for you would be using a Custom Class.

https://laytheme.com/documentation/custom-css-styling.html

---

You can right-click any element (image or text) in the Gridder and give it a Custom Class or ID:

Any element that you wish removed, give it a class called:

custom-remove

---

Within > Lay Options > Custom CSS & HTML:

You will see an input area called:

Custom CSS for Mobile Version

(Code added here will only be applied to Mobile)

---

Here we can add some CSS saying:

"whatever has the class custom-remove we will not display:

.custom-remove{
    display:none
}

https://www.w3schools.com/css/css_display_visibility.asp

---

Best wishes

Richard

[goldmine]

@Richard

Thank you so much! This worked perfectly easy. :-)

[Richard]

Thanks @goldmine best of luck for the rest of your Project! ⭐️