Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 31, 2020 at 5:13 am #1180153
    navindesigns

    I am looking to center the footer widget content on mobile versions only

    Home

    January 31, 2020 at 7:21 pm #1180361
    Victoria

    Hey navindesigns,

    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

    
@media only screen and (max-width: 767px) {
  #top #footer .textwidget,
  #top .widget ul,
  #footer .widgettitle {
    text-align: center;
  }
  #top #footer .widget ul.social_bookmarks {
    width: 15%;
    margin: 0 auto;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 1, 2020 at 7:48 pm #1180539
    navindesigns

    Looks great except for my email and phone icons which are still left aligned

    Home

    February 3, 2020 at 3:34 am #1180772
    Jordan Shannon

    Hi,

    Add this to quick css;

    @media only screen and (max-width: 767px)  {
.av_font_icon {
    display: inline!important;
}
.avia-icon-pos-left {
    float: none!important;
    margin-right: 0em!important;
}}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.