Remove My Account Area Double up of options

Hi there,

I was hoping to reduce the double up and confusion in the My Account area of the sites. At the moment, there is a text menu and a Woodmart Icons boxes menu (which is awesome). Is there a way to have just the icons and not the text? Here is a screenshot example for desktop: https://www.loom.com/i/aae69c1da99746f685b7a5ddb057a9cc (would love it to run full width maybe 4 or 5 columns wide. And here is the Mobile: https://www.loom.com/i/f69e9a5527eb4bc69b547f16468d5208 (which is particularly confusing).

Thanks in advance
Julian

Hello,

The Text here on the Icons isn’t appearing through a separate tag, so to hide the Text below the icons the following Custom CSS has been applied on your Site:

.wd-my-account-links a { font-size: 0 !important; }

This is the resultant preview: https://snipboard.io/BJzLEK.jpg

Best Regards

Thanks Aizaz. Amazing support on all those tickets. Very very helpful.

Just on this one, I think maybe I didn’t communicate the best. I still want the headings on the icons, but would like to remove the section highlight in this screenshot: https://www.loom.com/i/4c8b8bbf89e543da8c6f0d3df9a9d113

So only the icons and the headings for those icons show. I hope that better explains 🙂

Hello,

We are glad that we could be of some help 🙂

Just to make things clear, My Account sidebar comes by default from WooCommerce end and the Dashboard Icons on the My Account page comes from Theme Settings. So, as you want to hide the Sidebar from the My Account page, so we removed our earlier applied Custom CSS and now applied the following new Custom CSS on your Site in this regard:

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

.woocommerce-MyAccount-content {
    flex: 1 0 100% ;
    max-width: 100% ;
    width: 100%;
}

This is now the resultant preview: https://snipboard.io/oV23sv.jpg

Best Regards

That is perfect and amazing! Thanks for that.

Is it also possible to not have the dropdown for the ‘My Account’ tab when logged in? https://www.loom.com/i/d11ddaa80331400aa396dc166860f3da

So users will simply be taken to that main page with the options?

Hello,

The dropdown Menu for the Account element that you are seeing is coming through the Account element added under the Header Builder. So, right now for that element there are only two options available either Sidebar or Dropdown: https://snipboard.io/1priP0.jpg

So, if you want to hide the dropdown then a Custom CSS would be required for that. So, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

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

Hope this helps !

Best Regards

[Author]

Posts