Return to previous page

Responsive in ipad horizontal not issue - by ianabel

This topic has 10 replies, 4 voices, and was last updated 5 years ago ago by Olga Barlow

ianabel

Participant

November 20, 2019 at 18:07

hello I am checking responsive behaviour in ipad and if I use it vertically everything looks like in mobile version, but if I use it horizontally then it looks like a mixed of desktop and mobile. In this case I have an isuue and it is that dropdown menu in MY ACCOUNT and WISHLIST loads empty like in this screenshot: https://www.ia-incosmetics.com/image1-5/. How can I specify that dropdown shows correctly or just not show at all?

#225359 Copied Theme version: v.6.2 (child v.1.0) WooCommerce version: 3.8.0

9 Answers

John Holden

Support staff

November 21, 2019 at 04:34

Hi,

– Admin info (wp-admin URL, username, password)

I will check this problem for you.

Regards,

#225371 Copied

ianabel

Participant

November 21, 2019 at 09:06

OK thank you

Please contact administrator
for this information.

#225388 Copied
Rose Tyler

Support staff

November 21, 2019 at 09:16
Please try to clear browser cache and check dropdowns one more time.
You can use the next custom CSS code to hide mentioned dropdowns:
```
@media only screen and (max-width: 1100px) and (min-width: 992px){ 
    .et_b_header-account .et-mini-content,
    .et_b_header-wishlist .et-mini-content {
        display: none;
    }
}
```
Regards
#225392 Copied
ianabel

Participant

November 21, 2019 at 11:43

I cleared cache but still not working properly. Neither work properly with cart mini content. That is very useful for the user so I’ll appreciate to find a solution further than hide dropdown. For now I will hide it with this code until you give me a solution

Regards

#225406 Copied

Olga Barlow

Support staff

November 21, 2019 at 12:02

Hello,

Point is that we don’t see the problem with the mini wishlist or account while disabling code to hide content http://prntscr.com/q01638
From your screenshot, I can see that page is still loading http://prntscr.com/q016ro Maybe that is a reason. Or it’s empty even at a fully loaded page?

Regards

#225411 Copied

ianabel

Participant

November 21, 2019 at 13:16

yes, the thing is that when you click in MY ACCOUNT or WISHLIST or CART two things happen at the same time:
1- the click loads ajax dropdown but half empty or completely empty (maybe because do not have time enough being occupied with “2” )
2- at the same time is redirecting to MY ACCOUNT or WISHLIST or CART page.
If horizontally is working as in desktop version then should only load ajax dropdown when clicking. And vertically as is working like in mobile version then when clicking should redirect to MY ACCOUNT or WISHLIST or CART page, just exact as works in mobile.

#225424 Copied

Olga Barlow

Support staff

November 21, 2019 at 17:52

Hello,

The desktop version displays drop-downs on hover and icons are clickable. iPad is sensitive to touch, so touch by icon calls 2 actions: link with redirect+drop-down. It’s not good to disable link because then the user won’t be able to go to account, cart or wishlist. That’s why we’ll disable drop-down for this resolution. Fix will be added in the next update.

Regards

#225437 Copied

ianabel

Participant

November 21, 2019 at 18:15

OK, then I will disable dropdown with the css code.

Thank you

#225438 Copied

Olga Barlow

Support staff

November 21, 2019 at 18:44

Yep.

Regards

#225441 Copied
Viewing 10 results - 1 through 10 (of 10 total)