Okay
  Public Ticket #3618520
social media icons in header and menu
Closed

Comments

  • sara started the conversation

    Hi Theme nectar, I would like to please change an icon in the social links and show it instead of an existing one, (XING), Icon that I would like to use is already loaded as an image in the library.

    A few months ago you gave me a code to use, but unfortunately it doesn't work on this layout. Can you help me please? Thank you



    Attached files:  Screenshot 2024-03-31 alle 14.12.35.png
      Screenshot 2024-03-31 alle 18.23.12.png

  •  1,709
    Judith replied

    Hello Sara,

    Thanks for writing in!

    This StackOverflow thread provides css to help you adjust your icon to image : https://stackoverflow.com/questions/35507228/trying-to-replace-fa-awesome-icon-with-img

    I hope this proves helpful. Should you have any further questions or encounter any issues, please don't hesitate to reach out.

    Best regards,

  • sara replied

    I managed to replace the icon but in the off canvas menu I see 2 and I can't align them, can you help me please? A thousand thanks

    Attached files:  Screenshot 2024-04-03 alle 11.37.04.png

  •  8,527
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .off-canvas-social-links.mobile-only .fa-xing:before {
        top: 12px;
        position: relative;
    }
    .off-canvas-social-links.mobile-only .fa-xing:after {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  2,788
    Andrew replied

    Hi Sara,

    Thank you for getting back to us.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #slide-out-widget-area .off-canvas-social-links li i {
      vertical-align: top;
    }
    

    Try that and let us know how it goes.

    Thanks,

  • sara replied

    Thanks guys for your quick response, the script works but the object is not aligned unfortunately, can you help me please?

    Attached files:  Screenshot 2024-04-03 alle 12.47.27.png

  •  8,527
    Tahir replied

    Please remove this css provided earlier: 

    9510630022.png


    ThemeNectar Support Team 

  • sara replied

    Ithanks, everything works!