Disable my-account header hover

I want to fully disable the hover effect. Basically to transform the my-account link in a simple a href + icon.

Attachments:

You must be logged in to view attached files.

Hello,

If you want the MY account to lead to the My account page instead of showing the sidebar, you can do that in the header builder.

Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

Choose the proper header type (your current) http://prntscr.com/iyd333

Modify elements as per your needs: http://prntscr.com/iyd3h3

Take into consideration that there is also the mobile view of your header http://prntscr.com/iyd3v3 check all the elements there.

Please clarify what you want to remove on hover, at which pages.

Best Regards

I’m not sure I understand how to apply your solution. I’ve tried to replace the Account element with a button to have it as a simple redirect but then I lose the Sidebar Account form display.

My goal is to keep everything as is but to remove the hover dropdown menu links.

Hello,

The header builder chart has the button element allowing the lead to any URL by clicking. You need to add and configure the button in the Header Builder.

I am not sure I follow your purpose 100%, if it is still not what you need, please describe your purpose in more detail step by step with the screen what you want to move/replace/change.

Best Regards

I’ve attached the flow to better describe what I’m looking for

Step1-dekstop-user – here the user is logged in
step2-desktop-user – while logged in, on hover over the my-account icon the menu in the rectangle show up this is what i want to disable. on click it will redirect to my-account, this i want to keep functional.

step2-desktop-guest – here the user is not logged in however i want to keep the sidebar login form.

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, it is not possible to set show the drop-down for logged out and hide for the logged-in users. Woocommerce does not have such an option.

If you have any questions please feel free to contact us.

Best Regards

Managed to find a solution after digging through code.
For others looking to disable just the dropdown menu here’s how you do it

Woodmart Header Builder > Add element > Account

Account element settings
Display: icon
Show username: check (desktop only*)
Show login form: check
Form display: sidebar or dropdown

Add Additional CSS

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

Login forms will display as guest.

*When logged in UserName shows up in the header to inform the user that they’re logged in. A code snippet is required to force display FirstName or FullName instead of UserName.

Hello,

We are glad you have found a workaround to solve the issue.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts