BeTheme - How do I hide in mobile mode some content on the front page?

Kyunaga · May 2015

There's important information we want on the front page for desktop users, but for mobile users it just becomes a scroll fest. How do we hide content using the Muffin Group blocks placer thingy (the Muffin Group equivalent to Visual Composer) as for some reason I don't see the option. Thanks!

Albert · May 2015

Under section item you have Responsive Visibility option and that's the option to show/hide some elements on mobile devices.

yvettej · May 2015

How do you show/hide content for responsive visibility with the visual composer. I have a media masonry grid of images on a gallery page and I would like to have a smaller gallery for mobile devices. Can I create two media grids and hide the small one on desktop and hide the large one on mobile?

http://www.firestikstudio.com/otravezensantafe/rentals/

Thanks!

Albert · May 2015

This is possible with Muffin Builder only. Visual composer does not have this feature as we know.

yvettej · May 2015

Do you have a similar gallery option in muffin builder?

Albert · May 2015

We use default wordpress gallery only at this moment. You can read more about this on https://codex.wordpress.org/The_WordPress_Gallery

nuyoguru23 · May 2017

CSS of hide-mobile not working to hide a divider wrap. I need space in desktop mode but want to kill that space in mobile... any suggestions > http://wip.show/

Bryan · May 2017

Hi,
you have maintenance mode enabled. What divider? Please make a screenshot.
thanks

quazi95 · October 2017

I'm trying to locate the "section item" in the muffin builder elements but can not seem to locate it. Is this item available on version 17.8.8?

Bryan · October 2017

quazi95
What do you mean section item, section is not an item, you add it from the muffin builer.

jamesattewell · June 2018

Hi,

I would like to hide some single images on my homepage when in mobile mode to avoid the 'scroll fest'. I have tried a few CSS snippets but none of them seem to work. Can you let me know what CSS I should use with Betheme?

Thanks.

** Solved this with:

@media (max-width: 768px) {

.imgclassname {

display: none;

}

Bryan · June 2018

Cheers

tedm22 · January 2020

Hi,

I would like to hide blocks on desktop using Muffin Builder, but just can´t find the way (not even with media query). Is this posible?

Pablo · January 2020

Of course it's possible.

Please edit the section of the Muffin Builder and scroll down to the "Responsive Visibility" dropdown menu, there you can change, on which devices it should be hidden.

http://prntscr.com/qisnmp

Thanks

BeTheme - How do I hide in mobile mode some content on the front page?

Comments