Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 23, 2015 at 9:10 am #416263
    dmoravec

    See the screenshot for what I am trying to fix – the social icon elements (both header and footer) are too small for tap touch, at least according to Google PageSpeed they are. Google is putting an excruciating amount of emphasis highly mobile compatible sites, so I am trying to remove the elements that are too small.

    Please see the screen shot for example of the header elements. The footer social icons are even smaller.

    Social Icons too small for tap touch

    March 23, 2015 at 1:03 pm #416355
    Yigit

    Hey dmoravec!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
#top .social_bookmarks { display: none !important; }}

    Regards,
    Yigit

    March 23, 2015 at 3:15 pm #416395
    dmoravec

    Bingo. Thanks! Brought me up to 99/100 on mobile usability :)

    March 23, 2015 at 7:42 pm #416618
    Yigit

    Hi!

    That is awesome! Glad we could help :) Let us know if you have any other questions or issues

    Regards,
    Yigit

    December 22, 2016 at 12:23 am #727342
    bradlangan

    For some strange reason when I added this code it messed up my header.

    It made by navigation background color to revert to white from blue and might have shifted things, any clue why.

    I added it as follows:

    @media only screen and (max-width: 480px) {
    #top .social_bookmarks {
    display: none;
    }

    December 22, 2016 at 8:59 am #727443
    Basilis

    Hey!

    Can you please create a new ticket and add your web site so we can take a live look?

    Thanks a lot

    Regards,
    Basilis

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