Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 3, 2022 at 10:56 am #1338652
    newmediologo

    Hi all..

    Little problem with social media icons on mobile.

    If icons are in the main header are they are visible just with the phone is in landscape mode but not in portrait mode. If I use code provided in this two post
    https://kriesi.at/support/topic/social-icons-not-showing-on-mobile-header/

    Cant see social media icons on mobile

    Icons appears also in portrait mode but goes over the logo..
    I’ve try to move the icons in the top bar near the language switcher, ok on desktop but not visible in mobile portrait mode.. Using one of the CSS code from the post above icons appears in the top bar but are visibile also in the main header area as showed in this screenshot
    https://www.dropbox.com/s/gzv2xf2rgmuw4ez/IMG_2442.PNG
    How to solve..?

    Thank You very much

    February 4, 2022 at 2:54 am #1338793
    Nikko

    Hi newmediologo,

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

    @media only screen and (max-width: 479px) {
  .responsive #top #wrap_all #header_main {
    padding-top: 36px;
  }

  .responsive #top #wrap_all #header .social_bookmarks {
    display: block;
    top: -12px;
    width: 100%;
  }

  .responsive #top #wrap_all #header .main_menu .social_bookmarks {
    display: none;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    February 4, 2022 at 9:18 am #1338828
    newmediologo

    Hi Nikko.. Thanks but with the icons in the main header area or in the top bar..<‘

    Thanks

    February 4, 2022 at 10:27 am #1338847
    newmediologo

    Right Nikko..

    Now I’ve moved the icon in the top bar.. When the phone is in portrait mode icons appears on the top, when in landscape mode icons are in the main header area at the right of the logo..

    Thank You..

    February 5, 2022 at 4:02 pm #1339041
    Mike

    Hi,
    I see with Nikko’s help in portrait mode icons appears on the top, when in landscape mode icons are in the main header area at the right of the logo, and this is the best solution for mobile because in portrait there is not enough room for the social icons to be to the right of the logo.
    Did you have any other questions about this?

    Best regards,
    Mike

    February 5, 2022 at 5:04 pm #1339051
    newmediologo

    HI Mike..
    Now I’ve put the icons again in the main header area.. In portrait mode they are positioned centered between the the logo and the top bar, in landscape mode they appears at the right of the logo and It’s all ok..

    Can close the topic and thanks for the precious help..

    February 5, 2022 at 5:24 pm #1339061
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

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