Social Media Icons on mobile

Support Area Forums Foxy Social Media Icons on mobile

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://arrowvalleyhogroast.co.uk/
  • Author
    Posts
  • #37194
    James Hancocks
    Participant

    I have Twitter, Google+ and Facebook icons at the top of the page.These can be seen on a desktop. How
    can they be added/viewed from a mobile?

    Thanks,
    Jim

    #37199
    Bill Robbins
    Moderator

    Hi Jim,

    That should be doable. Go to the theme options page and click on the Advanced tab. Scroll down to the Custom CSS box and add this:

    
    @media only screen and (max-width: 767px) {
    	
    	header#primary {
    		display: block;
    		position: relative;
    	}
    	
    	.header-content {
    		width: 100%;
    		height: auto;
    		text-align: center;
    	}
    	
    	ul#header-links {
    		width: 100%;
    		float: none;
    		clear: both;
    	}
    	
    	ul#header-links li {
    		float: none;
    		display: inline-block;
    	}
    
    }
    

    See if that doesn’t do the trick. If you have any questions or trouble, let me know.

    Have a great weekend,
    Bill

    #37213
    Bill Robbins
    Moderator

    Glad to hear that did the trick 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Social Media Icons on mobile’ is closed to new replies.