media: query concerning adding social icons and media gallery

Travelify
1

Hi
My site is 99% there but despite trying various things from previous forum topics I cant get social icons to appear on devices below 767px. I have inseted the code below which Aigars had suggested to someone else but it doesnt seem to make any difference. If anyone can help it would be appreciated. My site is donalsmountainwalks.co.uk and I have attached a screenshot showing the header at about 570px. Thanks

@media only screen and (max-width: 767px) {
  .hgroup-right .social-icons { 
    display: block;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .hgroup-right .social-icons { 
    display: block;
    margin-top: 0px;
  }
  .hgroup-right {
    margin-top: 0px;
  }
}
2

Add this code to Appearance >> Theme Options >> Other >> Custom CSS

@media only screen and (max-width: 767px) {
	.hgroup-right .social-icons {
		display: block;
	}
}

It will allow to display social icons on all devices including smartphones.

Let me know if you need any further assistance.

3

Thanks so much Aigars, that’s perfect