A way to scale profile photo for mobile?

NMPhoto

Hey guys, I have looked around but can't find an answer. My site is: http://www.nmuchaphoto.com I used the "Dash" template and am very happy with how it is coming along. On the top of the homepage I have noticed that the Profile photo stays large and blocks my logo and name when viewing the mobile version of the site. This is a shame because it seems like much of my traffic is through mobile browsers. Is there a way to scale or even disable the profile photo only in the mobile version? Thanks in advance for the help all.

Hikin' Mike

You can add this to your theme's CSS to hide it when the screen size is 480px or smaller:

@media only screen and (max-width: 480px) {    

    .sm-page-widget-profile .sm-page-widget-profile-hascover .sm-page-widget-profile-biophoto {
        display: none;
    }
    
}

NMPhoto

Fantastic! That worked great. Thank you very much for the help Mike.