We offer professional Design/Code Customisation and Website Optimisation Service Request Customisation
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 13.07.18, 15:03
  • Reason: Closed
  • Comment: Glad to help!

Ticket #12516 - Alysum menu

Hi Marek,

I experiment an issue with alysum menu.
Submenu is strangely big on cms page.

Could you check both pictures attached?
Thank you

normal-menu.JPG (488.6 KiB)
menu on cms page.JPG (297.8 KiB)

This ticket does not depend on any other tickets.

Marek (marek) 10 Jul 2018, 10:53

Try this fix:

#top-menu h2 {margin-top:0;margin-bottom:0}
Rizak (vatna) 10 Jul 2018, 11:39

Hi Marek,

Nice it's ok now.

I get another trouble on mobile devices.
The submenu isn'at dispayed on all mobile devices, could you check picture attached?
Thank you

9.JPG (878.1 KiB)
Marek (marek) 10 Jul 2018, 18:44

Try this:

@media (max-width:768px) {
body .flexmenuitem > a, .top-menu .level-1 > a {color:#333}
Rizak (vatna) 11 Jul 2018, 15:35

Hi Marek,

Perfect, works.

2 points left :

1/ Icone menu seems to be gone. Check file attached 1.jpg please

2/ There a little issue with menu on ipad Pro device. Roll over seems to doesn't work, click is needed to display submenu, so no browse possible... Could you check please?

1.JPG (615.6 KiB)
Marek (marek) 13 Jul 2018, 11:53

1. The fix for menu is:

.icon_menu {color:#ccc}

2. I have tested in browser with iPad Pro emulation and there is no such problem. Unfortunately, we don't have iPad Pro to test

Rizak (vatna) 13 Jul 2018, 14:27

1. Thank you, works.

2. Here submenu isn't displayed when you pass the mouse on menu.
It is not very dramatic to be honnest and maybe it works with a real device...