Support » Theme: Lucienne » Social Media Menu

  • Hi,

    I have successfully added my email and Facebook icone and link on the social media menu.

    I would also like to add my phone number and a phone icon.

    Once again your help is very much appreciated 😀

    Have a wonderful day

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Add the following snippet to Appearance > Customize > Additional CSS:

    .social-links ul a[href*='tel:']:before {
        content: "\f095";
    }

    Then add to your social media menu a Custom Link with a URL of tel:[phone-number-here] and your phone number in Link Text, formatted like XXX-XXX-XXXX or as you like.

    Hi Ryan,
    thank you very much for your prompt return.
    I have followed your instructions and I have the phone icon that appears but not the phone number.
    Any idea ?
    Warm Regards from France
    Sabrina

    The theme is set to hide the actual phone number. The phone number can be displayed (and formatted) with this CSS snippet added to Additional CSS.

    .social-links a[href*='tel:'] .screen-reader-text
    	clip: auto;
    	color: #9da4aa;
    	font-family: 'Montserrat', sans-serif;
    	height: auto;
    	padding-left: 6px;
    	top: 0;
    	width: auto;
    }

    It appears you included the brackets [] in your phone number link. Those should be removed.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.