Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 12, 2019 at 7:09 pm #1156093
    svbgruber

    Hello,

    i want to have my 3 Social Media Icons to be shown in the Mobile Burger Menu. I have followed the steps in this Link, but it didnt change anything.

    Can anyone help me?

    November 12, 2019 at 8:21 pm #1156122
    Jordan Shannon

    Hey svbgruber,

    Add this to quick css:

    
.noLightbox.social_bookmarks.icon_count_3{
z-index:999999999999!important;
}

    Best regards,
    Jordan Shannon

    November 12, 2019 at 8:28 pm #1156125
    svbgruber

    Hello Jordan Shannon,

    thanks for your answer. I’ve added it to quick css, but still nothing changed.

    November 12, 2019 at 9:54 pm #1156197
    Victoria

    Hi svbgruber,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 12, 2019 at 9:58 pm #1156201
    svbgruber

    Admin access in private content box

    November 12, 2019 at 10:33 pm #1156213
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    November 12, 2019 at 10:40 pm #1156217
    svbgruber

    Hi,

    i added the code to the very top now, but nothing changed.
    Cleared the cache a few times.

    November 12, 2019 at 10:47 pm #1156221
    Jordan Shannon

    Hi,

    Try the following:

    @media only screen and (max-width: 767px)  {
.noLightbox.social_bookmarks.icon_count_3{
z-index:999999999999!important;
}}

    Best regards,
    Jordan Shannon

    November 12, 2019 at 10:54 pm #1156223
    svbgruber

    Hi Jordan,

    still doesnt work.

    November 12, 2019 at 10:59 pm #1156224
    Jordan Shannon

    Hi,

    Apologies, try this, the icons were still hidden:

    @media only screen and (max-width: 767px)  {
.noLightbox.social_bookmarks.icon_count_3{
z-index:999999999999!important;
}
.responsive #top #wrap_all #header .social_bookmarks{
display:block!important;
}}

    Best regards,
    Jordan Shannon

    November 12, 2019 at 11:05 pm #1156225
    svbgruber

    Hi Jordan,

    Icons are visible now, but they are right next to the Burger Menu and not in the Burger Menu.

    Picture: https://ibb.co/P9qcC9R

    November 14, 2019 at 12:06 pm #1156721
    Victoria

    Hi svbgruber,

    Did you add the JavaScript from the thread you posted? It is working for older versions and not for the later ones. And so the icons are not moved to the burger menu.

    Best regards,
    Victoria

    November 14, 2019 at 12:42 pm #1156744
    svbgruber

    Hi Victoria,

    yes, i have used the JavaScript from the thread i have posted. When it only works for the older versions, which Script i have to use to move the icons inside the burger menu then?

    November 14, 2019 at 9:21 pm #1156955
    Victoria

    Hi svbgruber,

    This solution is more recent:
    https://kriesi.at/support/topic/social-icons-in-mobile-menu-3/#post-835215
    Or this one here

    Logo + Header Social Icons + Burger Menu overlapping

    Best regards,
    Victoria

    November 14, 2019 at 10:51 pm #1157009
    svbgruber

    Hi Vicrotia,

    it works. Thank you so much.

    November 15, 2019 at 12:35 pm #1157160
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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