Footer menu icons not appearing

I designed the footer using widgets and selected a five-column layout.

The first two columns are HTML blocks, while the remaining three are menus.

The issue is that when I try to add icons to the menu items, they don’t appear.

I have tried all possible solutions without success.

I tested both icon fonts and image-based icons (PNG and SVG).

I also cleared the browser cache on both mobile and desktop.

Interestingly, the icons appear when I use the same menu in the header, but they don’t show up in the footer.

Here is the menu link for Footer Column 3:
https://medshow.net/wp-admin/nav-menus.php?action=edit&menu=2265

Additionally, I want to adjust the padding/margin around the footer and copyright layout because it seems too large, as shown in the attached image.

Attachments:

You must be logged in to view attached files.

Hello,

01. The Menu widget you’re currently using is mainly designed for navigation. To add icons alongside menu items in the footer, Try using one of the following widgets instead: “Menu” widget or “Menu List” widget.

See the screenshot for a better understanding: https://ibb.co/QFDMtR00

02. Add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.footer-sidebar {
    padding-block: 20px !important;
}
.wd-copyrights {
    padding-block: 10px !important;
}

Best Regards,

Thanks, you can close this topic

Hello,

You’re very welcome! If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts