Return to previous page

Space between icon and title inside menu

This topic has 5 replies, 2 voices, and was last updated 2 years, 10 months ago ago by MarkStore

MarkStore

Participant

January 29, 2022 at 11:56

Hello,

I have 2 questions :

1- Inside my main menu and mobile menu, my icons and titles are too close to each other, so I would like to add more space between them.

2- Inside the Mobile Panel, I want to add your list-grid icon, but it is not on your list.
So I don’t know how to add it.

Please find all screenshots and the link to my WP dashboard into the Private content area.

Thank you for your help,

Regards

Please, contact administrator
for this information.

#315508 Copied Theme version: 8.0.11 WooCommerce version: 6.0.0

4 Answers
Rose Tyler

Support staff

January 29, 2022 at 16:27
Hello,

1/ Add the next code in Theme Options > Theme Custom CSS:
```
.et_b_header-menu.et_element-top-level .menu>li>a i,
div.mobile-menu-content .et_b_header-menu .menu li a .et-icon {
    margin-right: 7px;
}
```
2/ Submit your request here – https://www.8theme.com/taskboard/
Currently, you can use a custom svg icon https://prnt.sc/26lg12e Theme Options > Mobile panel > delete all default elements and add new ones from scratch.

Regards
#315540 Copied
MarkStore

Participant

January 29, 2022 at 17:13

Thank you for your answer.

When I try to upload a custom svg, i have an error message:
” Sorry, you are not allowed to upload this file type ”
What can I do?
Screenshot: https://paste.pics/FTGAU

Thank you,

Regards

Please contact administrator
for this information.

#315545 Copied

Rose Tyler

Support staff

January 30, 2022 at 09:12

Hello,

Install SVG Support plugin

Regards

#315578 Copied

MarkStore

Participant

January 30, 2022 at 09:46

Thank you

It works fine now.

Regards

#315581 Copied
Tagged: icons, menu, spacing, templates, titles, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)