I want to hide the menu on specific pages, as I am displaying those pages in an iFrame. The iFrame plugin also has the ability to hide divs and classes, but there’s always a little piece of the menu that doesn’t disappear. And if you click that random little block the menu expands. The easiest would probably be to hide the menu on those pages.
I’m currently hiding, .wprmenu_bar,.wprmenu_icon,.menu_title –> my lsit was longer, but everything keeps displaying that lats little block. I even added #wprmenu_bar.wprmenu_bar (which is what I get when I inspect the element), but that little block seems like it’s there to stay. Any help would be greatly appreciated.
http://buhrein.vatso.co.za/libertas-layouts/ –> this is the page where the menu needs to be removed. I’m not sure if the above links are showing correctly on your side? There are some more pages where I want to remove them. Also, in order to be able to click on the Parent Menu Item to open the submenu’s –> I’ll need to upgrade to the Pro Version? If this is the case, I’ll need to run this by management. Will it affect the removed menus if I go pro? Or will I need to apply your fixes again to remove them from my selected pages?
Could you see which Div / Class I need to block to remove the menu from certain pages? Like I said previously, I blocked everything I could find by inspecting in Google Chrome. The block that still appears on mobile seems to be the same element as what I’m already blocking in the plugin.
It still has that small little block. And if I tap on the block it opens the menu. The only other thing I can think of doing is to go into those pages and to make the header transparent. It will take the block away, but the menu will still open if someone randomly clicks on that transparent space.