Trying to hide element on mobile devices

StudioKokoro · March 2017

Hello,

I need to hide an element on mobile devices.

The element is a vertical gray line that is the middle of the page. You can see it here: http://www.grupo-ideas.com.ar/servicios/

How can I do that?

Thanks.

Bryan · March 2017

Hi,

I cannot target this element, please add a custom class to it.

You can do that by editing it in the muffin builder.

thanks

StudioKokoro · March 2017

Hello.

I don't know how to do that. Could you give instructions for that?

Thank you so much.

Bryan · March 2017

Edit this page in the muffin builder, edit the section where this element is placed, and add a custom class there. Just add a class like my-class or something, the name is up to you.

StudioKokoro · March 2017

Hello:

I' ve done that just like you told me: the class name is: class_line.

Now, shouldn't I add some custom css code?

I have added an image so you can see the line I am trying to hide.

You can allso can visit the website http://www.grupo-ideas.com.ar/servicios/. It was down last night that's why you couldn't target the element.

Thanks.

Bryan · March 2017

There is no class like class_line in the html, please check again.

StudioKokoro · April 2017

Hello:

It sholud be now. Here there is a screenshot so you can see where it shows up.

Bryan · April 2017

Ok, use this css to hide it on mobile

@media (max-width:767px) {
	.class_line {
		display:none !important;
	}

}

Trying to hide element on mobile devices

Comments