Remove some blocks only from mobile menu

geethal2's picture
geethal2
Wed, 07/11/2018 - 05:33
#1
Remove some blocks only from mobile menu

Hi,

I am using Mega menu 8.x - 1.4 version. i have added some drupal blocks and I want to prevent displaying those image blocks only from the mobile menu. How can I do that ?

Thanks

cindy's picture
cindy
Wed, 07/11/2018 - 23:53

Hi,

You can use custom css to hide drupal block from mobie megamenu. Please inspect the menu on chrome browser, find classes of all blocks that you want to hide on mobile. Check this screenshot http://prntscr.com/k5fqbx
To hide all blocks, you can use:

.awemenu-mobile [class ^= 'drupalBlocks-']{display:none;}

or:

.awemenu-mobile .awe-block{display:none;}

To hide some selected blocks such as search, powered by, you use:

.awemenu-mobile .block-search, .awemenu-mobile .block-system-powered-by-block{display:none;}

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.