mobile CSS help - region position

cyrax83

Hi,
On my main site - the instagram logo (social icons) is below the menu bar region which is fine, on mobile it's bang in the middle which is a little distracting. Is there a way to move it somewhere less distracting like the footer for mobile only?
Thanks

web: http://adwin.smugmug.com
mobile: http://i.imgur.com/tEMiJPb.png

jerryr

Hi - you can do something like this to not display the instagram icon

.sm-page-widget-social-links-instagram {display: none !important;}
@media only screen and (min-width : 600px) {
.sm-page-widget-social-links-instagram {display: block !important;}
}

cyrax83

Thank you very much