[Resolved] Woocommerce my account page in menu

[Els]

Hi,

is it possible to add the ‘my-account’ page in the main menu, with a little icon? (like the font awesome ‘user’)
I would like to have a little icon next to the woocommmerce shopping cart icon, so that it is visible on mobile phones, just like the shopping cart icon.

[Leo]

Hi there,

You would basically have to follow this method here:
https://docs.generatepress.com/article/adding-icons-to-menu-items/

Please make sure to read the full article.

As for mobile, are you using mobile header or just the normal header?

It will help if you can link us to the page in question. You can edit the original topic and use the private URL link.

Let me know 🙂

[Els]

I have uploaded the link. You can see i already added the my account icon, but that’s in the menu itself. If you view the site on mobile screen, the icon appears in the slideout menu, instead of the search and shopping cart icon.

[Leo]

Looks like you missed this part of the article to position it beside the cart:
https://docs.generatepress.com/article/adding-icons-to-menu-items/#floating-the-icon-to-the-right

If you want the icon to appear in mobile header, try this method:
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header

Then hide it in the actual menu on mobile using the built-in hide-on-mobile class:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

[Els]

I didn’t miss the first part, but the last 2 links solved my problem. Thanks for the quick answer!

[Leo]

No problem 🙂

[Author]

Posts