Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 26, 2023 at 6:21 pm #1405730
    bemodesign

    On mobile view, the Facebook icon is not centered. Could you please check and advise?

    April 27, 2023 at 6:08 am #1405775
    Nikko

    Hi bemodesign,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  #socket .copyright {
    min-height: 30px;
    line-height: 30px;
  }

  #socket .social_bookmarks li {
    top: 0;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    April 27, 2023 at 6:47 am #1405777
    bemodesign

    Nope, still shows up on the right side on mobile. Can we get it in the center of the page?

    April 28, 2023 at 2:53 am #1405890
    bemodesign

    Can we get it in the center of the page?

    April 28, 2023 at 2:53 am #1405891
    bemodesign

    On mobile view it is not centered.

    April 28, 2023 at 3:45 pm #1405940
    Nikko

    Hi bemodesign,

    Can you try to remove the code I gave and replace it with:

    @media only screen and (max-width:767px) {
  #socket .container {
    display: flex;
    flex-direction: column-reverse;
  }

  #socket .copyright {
    display: block;
    float: none;
    text-align: center;
    min-height: 30px;
    line-height: 30px;
  }

  #socket .social_bookmarks li {
    top: 0;
  }
}

    Best regards,
    Nikko

    April 28, 2023 at 8:46 pm #1405964
    bemodesign

    Agh! It is centered on Mobile, but not Desktop! Can you give me code for desktop also?

    April 29, 2023 at 1:04 pm #1405985
    Mike

    Hi,
    Try adding this CSS for centering the icon on desktops in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (min-width: 768px) { 
#top #socket .social_bookmarks {
    width: 100%;
    top: -30px;
}
#top #socket > .container {
    max-height: 60px;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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