User info navigation drop down doesn't work on iphone/ipad

[rasmussen54]

Hello,

 

First of all, sorry if this is in the wrong subforum.

 

I've searched through the forum and on google, but can't find a solution.

I am working on a shop using the theme apfood. Everything now works, except for the top navigation when using ipad/iphone (the 3 buttons for changing currency, country and user links). Its working fine when testing on different android devices.

 

The url is: http://rasmussen-maps.com

PrestaShop version 1.6.0.14

 

Does anyone know how to fix this issue?

 

Thank you in advance

 

Best regards

Mikkel

[LuckyModule]

Hello,

 

First of all, sorry if this is in the wrong subforum.

 

I've searched through the forum and on google, but can't find a solution.

I am working on a shop using the theme apfood. Everything now works, except for the top navigation when using ipad/iphone (the 3 buttons for changing currency, country and user links). Its working fine when testing on different android devices.

 

The url is: http://rasmussen-maps.com

PrestaShop version 1.6.0.14

 

Does anyone know how to fix this issue?

 

Thank you in advance

 

Best regards

Mikkel

 

 

Hello,

 

I know what the problem is.

 

Since that on iPhone you need to tap in order to focus an element this is how I've fixed my problem:

 

.mydiv {

visibility:hidden;

opacity: 0;

transition: all 1s ease-out;

-webkit-transition: all 1s ease-out;

-moz-transition: all 1s ease-out;

-o-transition: all 1s ease-out;

}

.mydiv:hover {

visibility:visible;

opacity: 1;

}

.mydiv:active {

-webkit-transition: opacity 1s ease-out;

}

 

I've added the opacity transition to :active.

[rasmussen54]

Hi WebtetDev,

 

Thank your for your reply. I will try your suggestion within the next few days, and let you know if it will fix the problem.