Hi sorry I see the screenshots are not showing.

Here they are in order:

And here is the gallery if these do not load: https://imgur.com/a/5MW9Z

Please let me know if this can be resolved.

Thanks!

I am not understanding. Are you saying that the graphics I want to display in mobile only will end up showing in the desktop version of the site?

Why is this setting here (to hide graphics in different screen sizes) if it isn’t possible?

Hi there,

Just wanted to know if there is a solution for this since it is one of the features in the product.

Thank you

Hi there,

The feature is in Visual Composer, and it works within VS but not in a normal browser.

Can you send me the CSS code, and I will put in the resolution and/or graphic information?

Thank you,

I need to hide images that already have the div tag “<span style=”color: #ff0000; font-family: Monaco, monospace; font-size: 11px; line-height: normal;”>wpb_content_element media media_el animate_onoffset”</span>

If I cannot change the div tag of an element, how can I hide the graphic?

Also why is this feature of hiding images in mobile available in Visual Composer of it does not work?

Hi everyone,

I had to figure this out on my own and will be sharing with the forum because this is a feature that is in VC and not working properly.

1. In the edit page screen, add a class name to the element you want to hide.

2. go to the custom css (a cogwheel) in that specific page and add the following code:

@media all and (min-width: 600px) {

.XXX CLASS NAME XXX {

display:none;

}

This will hide images when the resolution at least 600px wide or more. You can also make a min-width 599px version for mobile images that should show in smaller screen sizes.

I would recommend adding this to the knowledge database because I’ve seen people ask this same question in other themes.

Thanks,

}