Menu Label Positioning on Dekstop with Custom CSS

Hello,

I want to change the positions of the labels in the desktop menu. I want it to be just like on mobile. This way the menu will be more readable.

1. Desktop menu default view. (menu_0001_Default.jpg)
2. Here is the Custom CSS code I used to replace it. (menu_custom_CSS_Desktop.jpg)
3. Result (menu_0002_Custom.jpg)

I need to make some improvements to the result. Label’s ears or protrusions should also be invisible. I request your support on this issue.

Best regards.
Z.Saltik

Attachments:

You must be logged in to view attached files.

Hi Arsago,

Thanks for reaching to us.

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.sub-sub-menu .item-with-label .menu-label:before {
    display: none;
}

Regards,

[Arsago]

Exactly what we wanted, but Microsoft Edge is not working.

• This reply was modified 1 year, 5 months ago by Arsago.

Attachments:

You must be logged in to view attached files.

Hi Arsago,

Please disable minify CSS or disable it, clear cache and re-enable. Then check again https://prnt.sc/hOsnGuca3jBf

Regards,

Thnak you for you effort! It’s fine now.

Attachments:

You must be logged in to view attached files.

Hi Arsago,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts