Pure CSS Mega Menu

[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

[James Bond]

I made the recommended changes to change my categories dropdown into a two column display. categories are displayed in two columns..

Hi DivaVocals

I've read through the thread a couple of times and I'm struggling to see the post that shows how to make the category dropdown into a two column display!? Would you be able to point me in the right direction? I realize you did this a while ago but if there's anyway you could help I'd be most appreciative.

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.

[picaflor-azul]

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.

If you are using one of my templates that uses php moblie detect you can just create a separate header file for mobile or tablets that does not even call this menu ;-)

Thanks,

Anne

[James Bond]

If you are using one of my templates that uses php moblie detect you can just create a separate header file for mobile or tablets that does not even call this menu ;-)

Thanks,

Anne

Thanks for the tip Anne. Would I need to add some code to the tpl_main_page such as If and else statements? At the moment I'm trying this; where tpl_header.php is the one you included with Westminster_new and tpl_header_desk.php is the one I've done with the mega menu.

if ( $detect->isMobile() ) {


$header_template = 'tpl_header.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
}else{
$header_template = 'tpl_header_desk.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);

}

I'm not having much luck, and as a newb I'm not even sure if I'm doing the right thing. lol

rgeards

James

[picaflor-azul]

Thanks for the tip Anne. Would I need to add some code to the tpl_main_page such as If and else statements? At the moment I'm trying this; where tpl_header.php is the one you included with Westminster_new and tpl_header_desk.php is the one I've done with the mega menu.

if ( $detect->isMobile() ) {


$header_template = 'tpl_header.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
}else{
$header_template = 'tpl_header_desk.php';
$footer_template = 'tpl_footer.php';
$left_column_file = 'column_left.php';
$right_column_file = 'column_right.php';
$body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);

}

I'm not having much luck, and as a newb I'm not even sure if I'm doing the right thing. lol

rgeards

James

Take a look at the includes/templates/override/templates/tpl_modules_mobile_categories_tabs.php file in the Westminster New package for syntax examples for how to call page specific elements.

The header is already set up for this. You can just not call the mega menu in the tpl_header_tablet.php or tpl_header_mobile.php files.

Thanks,

Anne

[James Bond]

Take a look at the includes/templates/override/templates/tpl_modules_mobile_categories_tabs.php file in the Westminster New package for syntax examples for how to call page specific elements.

The header is already set up for this. You can just not call the mega menu in the tpl_header_tablet.php or tpl_header_mobile.php files.

Thanks,

Anne

Thank you so much Anne. You really are a star. Thanks for all your help not to mention your fantastic template and menu!

You're the best, many thanks and kind regards I send to you!

James.

[picaflor-azul]

Thank you so much Anne. You really are a star. Thanks for all your help not to mention your fantastic template and menu!

You're the best, many thanks and kind regards I send to you!

James.

Great! I am happy to have helped you ;)

Thanks,

Anne

[toomanyknots]

If you are using one of my templates that uses php moblie detect you can just create a separate header file for mobile or tablets that does not even call this menu ;-)

Thanks,

Anne

Thats awesome, I didn't know that. Is PHP Mobile Detect possible to install on other templates that don't have it?