Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 1, 2022 at 4:36 pm #1363496
    Eleina_Shinn

    Hi, I have a site where the social icons do not appear on the mobile view, although they are on the desktop site, top right – in Top Bar.

    On the wide screen mobile view, the social icons appear in the header itself, not in the top bar, which I suppose is what is happening on mobile, but you can’t seem them because they are cut off to the right.

    How can I make them appear in the red top bar on mobile, just like on desktop? On mobile it just shows a red bar with nothing in it.

    Home

    September 1, 2022 at 5:18 pm #1363515
    Rikard

    Hey Eleina,

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

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
    display: block;
}
}

    Best regards,
    Rikard

    September 1, 2022 at 5:28 pm #1363519
    Eleina_Shinn

    Hi Rikard,

    Well, it’s closer … now they appear in both places, see screenshot: https://ibb.co/nfFLtqY

    September 1, 2022 at 7:34 pm #1363531
    Rikard

    Hi,

    Try this CSS instead:

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
    display: block;
}
nav.main_menu .social_bookmarks {
    display: none;
}
}

    Best regards,
    Rikard

    September 1, 2022 at 8:56 pm #1363534
    Eleina_Shinn

    Shoot, it didn’t work.

    September 2, 2022 at 2:34 pm #1363648
    Yigit

    Hi!

    Please replace the code with following one

    
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
    display: block;
}
.responsive #top #wrap_all #header .main_menu .social_bookmarks {
    display: none;
}
}

    Regards,
    Yigit

    September 2, 2022 at 3:09 pm #1363665
    Eleina_Shinn

    It worked, it’s perfect, thank you so much for staying with me on this!

    September 2, 2022 at 3:11 pm #1363666
    Yigit

    Hi,

    You are welcome, Eleina!

    Let us know if you have any other questions and enjoy your weekend :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Social Icons not appearing on Mobile’ is closed to new replies.