Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 28, 2022 at 4:17 am #1359630
    nV15OoBtg21iTn5z

    My footer visually looks the way I want it to with one exception…

    I’d like the social icons in the footer centered horizontally on mobile. How do I do that?

    Also, are my existing CSS edits good or need modifications/removal:

    =====================================

    /* Footer styling. */
    #footer .container {display: flex; flex-flow: row wrap; align-items: center; padding-right:0px!important;}
    #footer.container_wrap.footer_color {border-bottom: none!important; border-top: 1px solid #c9c9c9 !important;}
    #footer .widget {text-align: center; padding: 0; margin: 0;}
    #footer .widget_nav_menu li{text-transform: uppercase; padding:0 40px!important; line-height: 1.1em;}

    /* Social bookmarks in footer styling. */
    #footer .social_bookmarks li {margin: 0 0 0 50px;}
    ul.social_bookmarks + .widget {display: none;}
    .social_bookmarks {font-size:20px!important;}
    #top .social_bookmarks li a {width: 50px; line-height: 50px;}
    #top .social_bookmarks li {width: 50px; height: 50px; margin-left: 0px;}
    #top #wrap_all .av-social-link-instagram:hover a {color: #fff; background-color: #C13584;}

    =====================================

    July 28, 2022 at 10:53 am #1359657
    Rikard

    Hey nV15OoBtg21iTn5z,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#footer .social_bookmarks {
    display: table;
    margin: 0 auto;
}
}

    Best regards,
    Rikard

    July 28, 2022 at 4:38 pm #1359715
    nV15OoBtg21iTn5z

    Worked perfectly! Thank you, Rikard!

    July 28, 2022 at 4:59 pm #1359722
    Yigit

    Hi,

    We are happy that Rikard could help you out! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Footer Social Icons Alignment’ is closed to new replies.