Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1251104

    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

    #1251325

    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

    #1251487

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

    Thanks

    Colm

    #1251781

    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

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