Social media buttons do not show up

  • Author
    Posts
  • #144839

    stefanieginster
    Member
    Original poster

    Hi,

    the buttons of my social media menu do not show up on the page. They show up in the display when I customise the page but when I go to the page manually, you can only see the hover but not the actual buttons.

    My page is career-conversations.org

    Thanks a lot for your help.

    Best,
    Stefanie

    The blog I need help with is: career-conversations.org

    #144847

    sakinshrestha
    Theme Author

    @stefanieginster: Looks like there is some css coming from the plugin which is conflicting. I think it’s done when you try to increase the size of the social icons.

    So, can you try addingin the following css in Custom CSS:

    .social-navigation .jetpack-social-navigation-svg .icon {
        top: 3px;
        display: block;
        left: 3px;
    }
    #144867

    stefanieginster
    Member
    Original poster

    Thanks, it has worked really well :)

    Is there now a way to also make the buttons larger?

    #144922

    sakinshrestha
    Theme Author

    @stefanieginster: Have you added the following css in Custom CSS or anywhere, it’s causing the icons to hide it. That is why the social button was not showing. Also, the search icon and all are not showing. So, if you find the following css then remove it.

    svg:not(:root) {
        overflow: hidden;
        display: none;
    }

    To increase the size of the social icons. Replace the previous css that I have given you with the following css. Also, if you want larger then you can increase the height and width in the following css:

    .social-navigation .jetpack-social-navigation-svg .icon {
        top: 3px;
        display: block;
        left: 3px;
        height: 30px;
        width: 30px;
    }

The topic ‘Social media buttons do not show up’ is closed to new replies.