Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #416263

    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


    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; }}



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



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



    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;



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

    Thanks a lot


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