Community Forums

Hi can you tell me why the mobile menu does not work properly? It lags and redraws when it collapses.

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,

}

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 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?