Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 18, 2017 at 8:01 pm #796122
    bakbek

    Hi, how can I center align the social profiles icons in the socket? I want them to appear in the center of the page instead of on the right – https://screencast.com/t/4M5T94jp2p

    Thanks.

    May 18, 2017 at 9:24 pm #796166
    Victoria

    Hey DROR,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#socket .social_bookmarks {
  float: none;
  margin: 0;
  right: 50%;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 19, 2017 at 10:14 am #796446
    bakbek

    Thanks Victoria! How can I add the social icons to the menu – https://screencast.com/t/GHAknPsmHG94?

    May 19, 2017 at 10:38 am #796464
    Victoria

    Hi bakbek,

    You can copy avia_append_burger_menu function from functions-enfold.php to your child theme and add icons there.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 19, 2017 at 1:58 pm #796577
    bakbek

    Not really sure I understood that… I’m also not using a child theme. Isn’t there a code I can add to the CSS that will complete this for me?

    May 22, 2017 at 3:38 pm #797704
    Yigit

    Hi,

    Please add following code to Quick CSS

    #av-burger-menu-ul li ul.social_bookmarks {
    display: block;
    float: none;
    left: 45%;
}

    Then add the code in private content field into Appearance > Editor > Functions.php file then go to Appearance > Menus and add your icons into your menu using [av_ssc] shortcode

    Best regards,
    Yigit

    May 22, 2017 at 4:06 pm #797731
    bakbek

    Thanks Yigit, the only issue is that the icons are showing up on the bottom right corner and I would like them to show up bottom center. How can I do that?

    Thanks!

    May 22, 2017 at 9:18 pm #797916
    Yigit

    Hi,

    Please change CSS code to following one

    #av-burger-menu-ul li ul.social_bookmarks {
    display: block;
    float: none;
    left: -47%;
    right: auto;
}

    Best regards,
    Yigit

    May 22, 2017 at 10:26 pm #797948
    bakbek

    It worked but it seems like the Facebook icon is missing – https://screencast.com/t/mevpaqMNNX – how can I get it to show next to the pinterest one?

    May 22, 2017 at 10:31 pm #797951
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    a[href="http://[av_ssc]"] {
    display: none!important;
}

    Regards,
    Yigit

    May 22, 2017 at 10:44 pm #797960
    bakbek

    That didn’t seem to change anything. Isn’t this something that needs to be updated in the code I added to the functions.php?

    May 23, 2017 at 12:06 pm #798203
    Yigit

    Hi,

    It should have worked in Quick CSS field. If you do not mind, please post temporary admin logins here privately so we can look into it :)

    Best regards,
    Yigit

    May 23, 2017 at 12:14 pm #798210
    bakbek

    Sure, info is added. Thanks.

    May 23, 2017 at 1:11 pm #798244
    Yigit

    Hi,

    I changed the code to following one

    #menu-item-7499 a[href="#"] {
    display: none!important;
}

    Please review your website now :)

    Best regards,
    Yigit

    May 23, 2017 at 1:16 pm #798251
    bakbek

    Great, thanks!

    May 23, 2017 at 3:01 pm #798295
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘How to center align the social icons in the socket?’ is closed to new replies.