mobile design

Hi
i have some widget in my homepage . i dont want them to shown in mobile site . just in the desktop ..
How to Prevent some widget from appers in mobile site only ?

I have the same problem. Help please!

Hi

To hide a widget on mobile devices you can use media queries and target the specific classes for that widget:
Lucian also replied to your post here: https://forum.tagdiv.com/topic/how-to-update-visual-composer/page/2/#post-66877

Thanks!

thanks man
Now i want ask How to hide Raw HTML from mobile theme ? and keep it only on desktop ???

Hello
this is my site http://www.autosport.me/
i want hide video player and red tap from mobile design . and keep them only on desktop design ..
please help

Hi

Like I said above you can use media queries to hide a specific element on mobile devices, for the row html you can use this custom css and if you’re using the video player from VC: http://screencast.com/t/Jw6XvAFHi that will be hidden also:

@media (max-width: 768px){
.wpb_raw_html, .wpb_video_wrapper{
display: none!important;
}
}

I am not sure at what red tap you’re referring but you can use the same method to hide it, by targeting his specific classes. or you can set a custom class for vc elements and use it in this scope: http://screencast.com/t/nOPPc6KMYjAv

Thanks!

• This reply was modified 10 years by Andrei L..

thanks man
red tops in this photo

How to targeting specific classes ? via name ????

and whene i usied the code above its work but video title sitle on mobile theme ..

• This reply was modified 10 years by Lewis.

help please

Hi

Try this css to hide the red top: http://screencast.com/t/xLVvKVHpP

.wpb_tabs .wpb_tabs_nav{
display: none;
}

You can use the developer tool to get the element specific classes: http://screencast.com/t/xvqrwh0xmn but the easiest way to hide a specific element on mobile devices is to add a specific class in VC: http://screencast.com/t/Jin8YYsscJKe than add a custom css like this:

@media {max-width: 768px){
.video-player-class{
display: none;
}
}

Thanks!