Mobile Responsive Element hiding?_

Entrada WP Theme
#1

Good Morning Sanjeev

I try to hide within the home page elements on mobile phones.

Like the element, that includes the partner columns Entrada Heading PARTNER and Entrada Post Grid.

image
image3193×645 104 KB

I am able to hide columns at Column Settings, but not the complete element, within WPBakery
image
image1125×2001 130 KB

image
image1125×2001 130 KB

The Element can still be seen.

I tried it with custom CSS

/* Hide on Mobile*/

@media screen and (max-width: 720px){

        #hideonmobile{

         display: none;

       }

}

It was not working, in case I did not find a place with in the element to give in the new CSS class.

I would appreciate if you could give me a hint.

Thank you in advanced

Regards Peter

#2

Hello Peter,

Apologies for late response.

Instead of using ID #hideonmobile please use class .hideonmobile in your custom CSS

Then in VC element, at the very bottom, there is “Enter custom class” field for every element, enter hideonmobile there.

Please let me know how it goes and if you need any further help.

Ty