Archived topic
Remove block element on mobile
9 replies · Started by Matt on November 11, 2021
I have an element that is displayed after_contect. Is there a way to not display it for mobile devices?
Hi there,
the hooks are not device specific. So if it displays on Desktop it should display on Mobile.
Can you share a link to a page where i can see the problem?
It is displayed on both. I don't want it to display on mobile.
Here is a page.
https://activedirectorypro.com/office-365-mailbox-size/
Select the Container Block and then two options:
1. If using GB Pro, go to the Advanced setting and select Hide On Mobile.
2. If you're using GB free, go to Advanced > Additional CSS Class(es) and add: hide-on-mobile
It worked. Thank you
Glad to hear that
Yo David! How are you? I have a bug report:
The 'Hide on mobile/desktop/tablet' button under "show more settings, advanced" don't work on woocommerce pages; on a woocommerce page, it will show all the different versions of whatever you are trying to include/exclude--In my case it was an html block on the right side of the header. Those settings only work on all pages as a manual CSS add if you have woocommerce going. Not a big deal, just wanted to let you know--it had me confused for a second. Have a great weekend!
Hi there,
very well thanks :)
if you have a link where i can see the issue, then i can see whats going on.
Chances are - those classes just aren't specific enough, and some other display property is winning.
Well then maybe thats not really a bug. I don't know what to call it. This is just a vanilla Woocommerce that I use for a product gallery, not to sell. I'm not done with the site obviously, but you get the idea. It works now.... I like your product BTW.
Oh, thats odd - could be the CSS needs regenerating in Settings > GenerateBlocks.
Or it could be a bug.
I'll take a closer look, thank you for reporting.
Are you ok with your current fix ?