Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 7, 2020 at 11:35 am #1251104
    mckeown2

    Hi there,

    I have the following site: https://www.effectivedigitalmarketing.ie/

    I have Header social icons and info text in the ‘Display at top bar at the right’ (see Theme options > Header > Extra elements)

    This works fine on a desktop.

    However, on mobile it is only the info text that can be seen. Is it possible to change this to the header social icons instead? Is there an easy way to toggle between the info text and the social icons on a mobile?

    Please see: https://drive.google.com/file/d/14k7kyS1aCDRlTCAU9NmsJyK2Vh_prhvN/view?usp=sharing

    Thanks

    Colm

    October 8, 2020 at 7:57 am #1251325
    Rikard

    Hey Colm,

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

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

    Best regards,
    Rikard

    October 8, 2020 at 5:05 pm #1251487
    mckeown2

    Thanks Rikard – However, I wasn’t able to make that work. I’ve left my login details below. Could you please advise?

    Thanks

    Colm

    October 10, 2020 at 5:01 am #1251781
    Rikard

    Hi Colm,

    I can see the social icons on mobile on my end now, so the CSS is working. If you can’t see them then please try loading the site in an incognito or private window in your mobile browser.

    Best regards,
    Rikard

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