Hello

Try adding the following to the Custom CSS field of your templates parmeters...

@media only screen and (max-width: 1024px) {

#hornav {display:inline !important;}

.slicknav_menu {display:none;}

}

@media only screen and (max-width: 959px) {

/* Hide default hornav menu */

#hornav {display:none !important;}

/* Show mobile hornav menu */

.slicknav_menu {display:block;}

}

Ciarán

Hi,
That keeps the menu in place, but it is not working correctly.

It looks like the logo dimensions are overlapping the first 4 links, all defaulting to the home page.
I can see this by holding my finger down on the "News" link.

Hello

Would you have a URL to an example of this issue?

Ciarán

http://www.miragev.com/2014

Hello

Try also adding the following to your Custom CSS field..

.logo a {

    width: 360px;

}

Ciarán

Perfect!

Thank you very much.

Spoke too soon.

All is good, except I can only click on the first link (Accomplishments), in the first dropdown menu (Breeding).


The other dropdown menu, Galleries, works properly.

Any ideas?

I have the same problem.
template Renovate
http://www.wttp.eu

I suspect: conflict TABS !!!
(see attachments)

Regards,
zbyszek

Hi Pappy

Have you since amended this issue as we can now select your dropdown menu items without issue (http://www.miragev.com - FireFox)?

Ciarán

Hi zbyszek

Could you detail for me the issue you are having? Idealy start a new post for your query.

Ciarán

It works properly using a computer, but on the Ipad (horizontal view, since I kept the menu in the hornav) is only when I see the issue.

Issues can arise with the dropdown menu on some mobile devices which is one of the reasons why we use the mobile menu to avoid such issues. Is the issue only present on menu items that display over your video?

Ciarán

Hi,
I thought of the video coding at first, but after closer look, the problem only occurs the home page.
Works fine on the video gallery page. Only thing on the home page and not the others is the Home page icons (in the middle)

I believe the issue with the homepage is that the dropdown is appearing over the video however the video has a higher z-index on the iPad making the dropdown menu items unclickable. My reasoning is that only the menu items that appear over your video are effected.

Ciarán

You are correct. I removed the video and it works properly.

So... the z-index set for the video player is: auto

I tried changing to 1, but still not working.

Suggestions?

Sorry to say I am not familiar ywith your video module extension so I can not really say. It may be worth contacting the developer of the extenision for a soultion.

Ciarán

It's not the z-index.
It appears that IOS takes over the touch controls when a video is present:

http://stackoverflow.com/questions/5261079/mobile-safari-link-a-element-over-video-element-does-not-work-on-click