Return to previous page

Mobile Toggle Menu / All Departments – text and icon alignment

This topic has 3 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Brunos

Brunos

Participant

June 17, 2022 at 07:22

Hello,
For mobile Panel > Toggle Menu> All Departments
I would like to align all texts to left and align icons left before text (with a little space between).
Please see image:
https://prnt.sc/bX_UGdNLv6UI

Please, contact administrator
for this information.

#326184 Copied Theme version: 8.2

2 Answers
Rose Tyler

Support staff

June 17, 2022 at 07:40
Hello,

Try to add the next code in Theme Options > Theme custom CSS > Global:
```
.et-mobile-panel .et-content_toggle .et-mini-content .menu li a {
    display: flex;
    flex-direction: row;
}
.et-mobile-panel .et-content_toggle .et-mini-content .menu li a {
    flex-direction: row-reverse;
    justify-content: start;
}
.et-mobile-panel .et-content_toggle .et-mini-content .menu li a img {
    margin-right: 10px;
}
```
Regards
#326187 Copied
Brunos

Participant

June 17, 2022 at 08:17

Thank you! 👍👍👍

#326191 Copied
Tagged: all departments, best selling, icon alignment, mobile menu, text alignment, toggle menu, woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Mobile Toggle Menu / All Departments – text and icon alignment’' has been successfully resolved, and the topic is now closed for further responses

Mobile Toggle Menu / All Departments – text and icon alignment

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection