Return to previous page

Drop-down account form closing too fast after stop hovering it

This topic has 10 replies, 2 voices, and was last updated 9 months, 4 weeks ago ago by Rose Tyler

sint0

Participant

July 3, 2023 at 09:00

Hi
I opted for the drop-down variant in customizer/header builder/account.

The issue is that the drop-down account login form is closing too fast and the guest has no time to chose the login details previously saved in his browser.

This is not happening on the account page. Also, this is not happening when off-canvas account login is selected.

It seems like the drop-down account login form is too small and you have to stop hovering it in order to select saved login details. This action makes the drop-down login menu to close. Then you have to click on the account icon again but that takes you on the account page so you can not login from the drop-down login form directly. Kind of annoying.

Is there a way to make the drop-down account login form to stay open more after you are not hovering it anymore?

Kind regards,
Adi

Please, contact administrator
for this information.

#361048 Copied Theme version: 9.1.8 WooCommerce version: 7.8.1

9 Answers

Rose Tyler

Support staff

July 3, 2023 at 15:26

Hello, Sint0,

Thank you for contacting us and for using XStore.

Please record a video of the problem. Also, let us know what browser and device you use.

Check our video in the Private Content area.

Kind Regards,
8theme team

Please contact administrator
for this information.

#361083 Copied

sint0

Participant

July 3, 2023 at 16:36

Hi,

Please, find the link in the private area.
It happens at least in chrome and firefox, also in incognito mode.

Also, you can check it live in the link posted in my previous message/private area.

Kind regards,
Adi

Please contact administrator
for this information.

#361101 Copied
Rose Tyler

Support staff

July 4, 2023 at 12:49
Hello, Sint0,

Thank you for your response.

Please try the next custom CSS code:
```
.et-content-dropdown.et_element-top-level .header-account-content.et-mini-content:after {
    content: '';
    position: absolute;
    right: -20px;
    left: -20px;
    top: -20px;
    bottom: -20px;
    z-index: -1;
}
```
If this doesn’t help, there is no other way than set the Off-Canvas type or disable the dropdown, unfortunately.

Kind Regards,
8theme team
#361185 Copied
sint0

Participant

July 4, 2023 at 14:52

Hi,
it didn’t worked. I switched to off-canvas. The issue here is the fact that it is not displaying the entire “remember me” string. It shows something like “remember …”

Please check linked picture in private area.

Kind regards,
Adi

Please contact administrator
for this information.

#361197 Copied
Rose Tyler

Support staff

July 4, 2023 at 15:06
Hello, Sint0,

Please try to use the next code:
```
.et-off-canvas.et_b_header-account input#rememberme+span {
    text-overflow: unset !important;
}
```
Kind Regards,
8theme team
#361199 Copied
sint0

Participant

July 4, 2023 at 19:47

Hi,
the code is not working- the only difference is a new letter that is shown instead of “…”

I checked it in Chrome and it’s having a max-width= 80px property.
When I set max-width= 106px, I get the needed result. But I don’t know how to implement it.

Can you help me with this?

Kind regards,
Adi

#361213 Copied
Rose Tyler

Support staff

July 5, 2023 at 08:55
Hello, Sint0,

Thank you for your response.

Please change the previous code to:
```
.et-off-canvas.et_b_header-account input#rememberme+span {
    text-overflow: unset !important;
    max-width: 150px !important;
}
```
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team
#361244 Copied
sint0

Participant

July 5, 2023 at 10:02

Hi,
this works. Everything ok.
Thank you very much!

Kind regards,
Adi

#361260 Copied

Rose Tyler

Support staff

July 5, 2023 at 10:26

Hello, Sint0,

You’re welcome!

Kind Regards,
8theme team

#361264 Copied
Tagged: closing, drop down, fast, forms, hover, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)