Social Media Icons on mobile

Support Area Forums Foxy Social Media Icons on mobile

This topic contains 2 replies, has 2 voices, and was last updated by  Bill Robbins 1 year ago.

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
    Keymaster

    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
    Keymaster

    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.