Jump to content

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


Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...