Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 29, 2017 at 9:39 pm #883194
    mcraig77

    Ahoy,

    My mobile socket looks off. Is there a way to move the social icons in it for mobile view and center the copyright?

    December 1, 2017 at 10:45 am #883808
    Rikard

    Hey mcraig77,

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

    @media only screen and (max-width: 767px) {
#footer .copyright {
    display: block;
    min-width: 100%;
    text-align: center;
}
}

    Best regards,
    Rikard

    December 1, 2017 at 10:24 pm #884013
    mcraig77

    That code didn’t do anything. Please Advise.

    December 4, 2017 at 11:55 pm #884872
    Nikko

    Hi,

    Try adding this css code:

    @media only screen and (max-width:767px) {
  #socket .copyright {
    display: block;
    float: none;
    padding-top: 40px;
    text-align: center;
    width: 100%;
  }

  #top #wrap_all #socket .social_bookmarks {
    float: none;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
  }

  #socket .social_bookmarks li {
    float: none;
    display: inline-block;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    December 6, 2017 at 9:32 pm #885774
    mcraig77

    Perfect! Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile Socket’ is closed to new replies.