How to Hide header avatar on mobile.

[jksadmgi]

Hello, Guys! I'd like to hide header Avatar only on Mobile and show it in Desktop? But I dont know how. This is what I want in desktop: http://prntscr.com/jaeh4c This is what I want in mobile:  http://prntscr.com/jaei0v I only know how to hide both this is the code #buddypress #item-header-avatar{display:none;} Please, help me guys!!

[Diana]

@jksadmgi, Use this, here applying media queries i defined this css to work for mobiles only. Paste this in wp-admin > Appearance > customize > custom css @media(max-width:700px){ #buddypress div#item-header #item-header-avatar{ display: none !important; } }

[jksadmgi]

Thanks!!! It Worked fine

[Diana]

@jksadmgi, Thanks for confirming. Closing this topic

[Author]

Posts