Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 17, 2018 at 4:38 pm #1046369
    schoenj

    Hi there,
    On the mobile version of this site, social icons not showing!

    Home

    Any suggestions?
    Regards, Jeroen

    December 17, 2018 at 8:05 pm #1046498
    Victoria

    Hey schoenj,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 20, 2019 at 4:34 am #1168021
    pinkerton84

    Hello, I am having the same issue. I tried adding the code (did it both places) however I get the same result.

    It just looks like there is nothing there, but when I place my mouse over where the icons should be, I get a highlighted square.

    To my knowledge, social icons were showing up a few weeks ago before I updated to the new version of enfold.

    December 20, 2019 at 4:41 am #1168024
    pinkerton84

    Seems that even if I change the social icons to be in header with the menu items, they still won’t show up. They will be invisible until the mouse hovers over them. Then a shape will highlight, in this case a circle. You can’t tell what the social icon is.

    December 20, 2019 at 4:47 am #1168027
    pinkerton84

    Also this isn’t just the Mobile version. I can’t see the icons on my destop or tablet.

    December 20, 2019 at 4:56 am #1168031
    pinkerton84

    Ok, sorry to keep writing, but I did find another thread which seems to fix this issue. For other users, please check out the CSS code here: https://kriesi.at/support/topic/social-buttons-broken-with-wp-5-3-1-update/#post-1165745

    all the codes worked fine for me.

    December 20, 2019 at 7:31 pm #1168280
    Victoria

    Hi pinkerton84,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 21, 2019 at 4:56 am #1168384
    pinkerton84

    Thanks Victoria. You’ve been on the other thread already so you know that there is a compatibility issue or coding issue with the new update happening.

    December 21, 2019 at 11:49 am #1168408
    Mike

    Hi,
    This error is due to a file change in WordPress v5.3.1, the dev team has released this fix for the missing icons, please upload the following file via FTP to
    \enfold\framework\php\function-set-avia-frontend.php
    https://www.dropbox.com/s/gmbg5202rjz1vou/function-set-avia-frontend.php?dl=0
    Please save a copy of your old file should you encounter an upload error.
    Then clear your browser cache and any cache plugin, and check.
    This has been added to the upcoming Enfold update.

    Best regards,
    Mike

    December 23, 2019 at 6:41 am #1168658
    pinkerton84

    Thanks Mike, I think I’ll just wait for the next Enfold update. I added some CSS code as a temp fix and that is working just fine.

    December 23, 2019 at 11:34 am #1168693
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘social icons not showing on mobile (header)’ is closed to new replies.