Pure CSS Mega Menu

[SarahL]

Anything can be done using css. If you want to re position where the sub categories fly out you will need to change this in the stylesheet. Use the chrome web developer tools to help you find which line of the file needs to be edited.

Thanks,

Anne

Thanks Anna - I will give it a whirl and see - sounds promising though!!

[James Bond]

Hi Anne,

Firstly I'd like to thank you for the Westminster New template! It's a beautiful design! I'm currently using this template with ZC version 1.5.4 and was wondering if this mod is suitable for that version?

Many thanks

James

[picaflor-azul]

Hi Anne,

Firstly I'd like to thank you for the Westminster New template! It's a beautiful design! I'm currently using this template with ZC version 1.5.4 and was wondering if this mod is suitable for that version?

Many thanks

James

You can use this on 1.5.4. But, this is not responsive so only use it on the desktop layout.

Thanks,

Anne

[James Bond]

Many thanks Anne!

[James Bond]

Hello again Anne,

Sorry to bother you. I've attempted to install the mod following your directions closely and when I paste the code

<!--bof-mega menu display-->
<?php require($template->get_template_dir('tpl_mega_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_mega_menu.php');?>
<!--eof-mega menu display-->
<div class="clearBoth"></div>

into my /westminster_new/common/tpl_header.php file it causes the site to go blank apart from the header itself. Is the installation the same regardless of template used? Your instructions are very clear and precise so I'm struggling to see where I'm going wrong.

Kind Regards

James.

[James Bond]

Solved it Anne! Thanks! Looks Great!

[picaflor-azul]

Solved it Anne! Thanks! Looks Great!

I am happy that you figured it out ;)

Thanks,

Anne

[James Bond]

You can use this on 1.5.4. But, this is not responsive so only use it on the desktop layout.

Thanks,

Anne

Hello again Anne,

Could I please ask how it is possible to only use this on the desk top layout and not affect the responsive layout? I'm currently working locally so am not able to view any changes I make on a tablet.

Kind Regards

James

[dw08gm]

Hello again Anne,

Could I please ask how it is possible to only use this on the desk top layout and not affect the responsive layout? I'm currently working locally so am not able to view any changes I make on a tablet.

Kind Regards

James

I believe what Anne meant to say is that Pure CSS Mega Menu mod was intended only for mouse-operated devices (desktops and laptops) and, unless modified for touch-screen devices, should be disabled or not loaded into touch-screen devices, especially those with small screens, (eg pads and mobiles). For touch-screen devices, you should use another menu-type, for example those gracefully supplied by Anne in her responsive templates.

[James Bond]

I believe what Anne meant to say is that Pure CSS Mega Menu mod was intended only for mouse-operated devices (desktops and laptops) and, unless modified for touch-screen devices, should be disabled or not loaded into touch-screen devices, especially those with small screens, (eg pads and mobiles). For touch-screen devices, you should use another menu-type, for example those gracefully supplied by Anne in her responsive templates.

Thanks for the reply.

Yeah, I managed to implement it on the desktop and it looks great. I've also managed to hide it on all screen sizes up to tablets in the landscape position. I can hide it there too but it does keep flashing up as it traverses from portrait to landscape. I'm doing it through @media so I'm hoping I'll be able to sort it fully at a later date. Thanks once again for your input dw08gm, it really is very much appreciated!

Kind Regards

James.