Social Media Icons on mobile

[James Hancocks]

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

[Bill Robbins]

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

[Bill Robbins]

Glad to hear that did the trick 🙂

[Author]

Posts