Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 9, 2019 at 4:40 pm #1164069
    tammiviestinta

    Social profiles are not seen in Small bar above Main Menu on mobile. I have transparent header and it works fine on the wide screens. On mobile there should be social profiles on white on #9c8891-background without borders.

    December 9, 2019 at 5:00 pm #1164080
    Yigit

    Hey,

    Please delete following custom CSS codes 

    @media only screen and (max-width: 479px){
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: none;
}}
@media only screen and (max-width: 767px){
.responsive #top #header .social_bookmarks {
    display: none;
}}

    and add following code 

    .responsive #top #header_meta .social_bookmarks li a {
    color: white;
    background: #9c8891;
}

    Best regards,
    Yigit

    December 9, 2019 at 5:14 pm #1164091
    tammiviestinta

    Where is the custom CSS code, which I should delete? It is not in Theme Options Quick CSS.

    December 9, 2019 at 5:24 pm #1164095
    Yigit

    Hi,

    If it is not in Quick CSS field, could you please try going to Enfold theme options > Performance and disable “CSS file merging and compression”, save theme options and flush cache and then enable it again?

    If that does not help, please create temporary admin logins here privately so we can look into it :)

    Best regards,
    Yigit

    December 9, 2019 at 5:39 pm #1164106
    tammiviestinta
    This reply has been marked as private.
    December 9, 2019 at 6:48 pm #1164124
    tammiviestinta
    This reply has been marked as private.
    December 10, 2019 at 4:54 am #1164294
    Rikard

    Hi,

    Thanks for that. I added this to your Quick CSS and the social icons are displaying on mobile now:

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

    Best regards,
    Rikard

    December 12, 2019 at 12:52 pm #1165189
    tammiviestinta

    Icons are not displaying on mobile – at least not in Honor phone… This did not help.

    December 12, 2019 at 7:21 pm #1165295
    Nikko

    Hi tammiviestinta,

    We have added this css code in your Quick CSS:

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

    Please try to clear your browser cache and check again.

    Best regards,
    Nikko

    December 12, 2019 at 9:15 pm #1165332
    tammiviestinta

    Now it works! Thank you again for help!

    December 12, 2019 at 11:32 pm #1165376
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Editing social profiles in small bar above main menu on mobile’ is closed to new replies.