Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1414493

    Hi Guys,

    the social media icons are not showing in the responsive mode of the website.
    We like to have the icons at the very top in the header as shown in the desktop version.

    Tried different version which I found in the forum but nothing helped.

    Thanks

    KR
    CK

    #1414511

    Hey cktanju,

    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

    #1414515

    Hi Rikard,

    thank you. But it did not work. Any other idea?

    Cheers
    CK

    #1414525

    Hi,
    Perhaps you have an error in your Quick CSS, try adding it to your WordPress ▸ Customize ▸ Additional CSS and then clear your WPRocket cache and your browser cache:

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

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    Please note that Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    #1414644

    Hi Mike,

    I emptied in WP Rocket the unused CSS files. And there you go, after putting the Quick CSS in place it worked.
    Thank you guys.

    Please close the thread.

    Cheers
    T

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Social Media Icons not showing in responsive mode / mobile view’ is closed to new replies.