Mobile Login Dropdown design issue

Hi,

I see here another issue that mobile login (for logged in users) dropdown showing half on page.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-header-my-account .wd-dropdown {
    margin-left: -182px;
}

Regards.
Xtemos Studios

Thank you very much Aziz!

Fixed and helped. But there is non logical process. E.g. If I use this icon on mobile, why to show dropdown if when I click to that at the same time with dropdown website link is redirecting to My Account Page directly?

Maybe I missed something.

Thank you.

Hello,

You are Most Welcome.

No, you are not missing something, it is how it works by default. If you don’t want to display it then try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-header-my-account .wd-dropdown{
display: none;
}

Best Regards

Hi,

I want to display it, but I don’t want default my-account link under an icon to redirect user to My Account Page and parallel open dropdown. So, need to remove link on MOBILE/TABLET ONLY from website.

By this way user will click to icon and dropdown will open and user can select to which page to enter.

Thank you very much for help Aziz.

Hello,

You are Most Welcome.

Sorry but there is no option in Theme Settings available for that. If we do it using Custom CSS then it will also remove my account link for non-logged-in users as well.

And you cannot achieve it for only logged-in users using CSS.

It requires customizations and this is beyond our limitations and support policy.

Best Regards.

[Author]

Posts