[Jay]

hello

i’m using audioman pro.

i want to add social link icon in my menu

but i don’t know how to

 

please help me to add social link icons. thank you

[sujapati]

@Jay: To add social icons to your menu, follow these steps:

Go to Appearance => Customize => Menus => Social.  Add your social media links, then under Menu locations, check the box for Header Social Menu to display them in the header. Finally, click Publish to save your changes, and your social icons will appear in the header.

Regards,
Sujapati

 

[Jay]

thanks for your reply.

i read your replies to other people.

my social link’s icons are empty box with X (scroll up icon, too)

although i added additional CSS

[sujapati]

@Jay: Could you please provide your site URL so we can look into the issue in more detail and offer you an accurate solution?

Regards
Sujapati

[Jay]

thank you.

my site is http://geumahreum.com

[sujapati]

@Jay: Sorry the link you provided is not working. Will you please check it once again?

[sujapati]

@Jay: Sorry the link you provided is not working. Will you please check it once again?

[Jay]

i checked it. can you see my page?

would you see my page once again?

[sujapati]

@Jay:  We have checked your site and you have used Elementor which is causing the issue.  Our theme includes Font Awesome version 6.7.2, which may not be fully supported by Elementor at this time. Because of this, some icons might not display correctly . To fix this issue, please add the following CSS to your site:

.social-navigation a:before, 
#feature-slider .cycle-prev::before,
#feature-slider .cycle-next::before,
#logo-section .cycle-prev::before,
#logo-section .cycle-next::before,
#to_top_scrollup,
#scrollup,
.posted-on a::before,
.byline a::before,
.cat-links span+a::before,
.tags-links span+a::before,
.comments-link a::before,
.edit-link a::before,
.fa-collapse:before,
.fa-solid:before,
.fa-brands:before,
#promotion-section .button.play-button:before, 
.pagination .prev span:before, 
.pagination .next span:after, 
.gallery-item .gallery-icon a:after, 
.tiled-gallery .tiled-gallery-item a:after, 
.comment-meta .comment-permalink:before, 
.site-header-cart .cart-contents:before, 
.mejs-button button:before, 
.audioman-mejs-container.mejs-container .mejs-button button:before, 
.nav-next .nav-subtitle:after, 
.nav-previous .nav-subtitle:before, 
.cat-links span + a:before, 
.tags-links span + a:before, 
.wp-custom-header-video-button:before, 
.search-toggle:before, .menu-toggle:before, 
.menu-toggle-close:before, 
.main-navigation .menu-item-has-children > a:after, 
.main-navigation .page_item_has_children > a:after,
 .dropdown-toggle:after, .search-submit:before,
 #feature-slider-section .cycle-prev:before, 
#feature-slider-section .cycle-next:before,
 #testimonial-content-section .cycle-prev:before, 
#testimonial-content-section .cycle-next:before, 
.entry-breadcrumbs a:after, 
.comment-reply-title small a:before, #scrollup:before {
    font-family: "FontAwesome" !important;
    font-weight: 900;
}

Go to Dashboard → Appearance → Customize → Additional CSS.

Paste the provided CSS code into the Additional CSS field, and the issue will be resolved.

Best Regards,
Sujapati

[Jay]

it has been totally fixed!

thank you for your help

i really appreciate it.

thank you!!

[sujapati]

@Jay: You’re welcome! I’m so glad to hear everything is fixed!  If you need any more help, don’t hesitate to reach out.
Happy to assist anytime!

Regards,
Sujapati

[Author]

Posts