Getting back to square avatars on phone


#1

I’m a self admitted square :smile:

I’ve read some of the posts on getting back to square icons and have the css below in play. It works fine on the desktop but is not working on my phones. I’ve tried every trick I know to refresh chrome on my phone, but the avatars are still round. Is there additional css that I need to add to make my avatars square on the phone?

Thanks

html {
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    width: 10px;
    background-color: #222;
    border-left: 2px solid #444;
  }

  ::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #444;
  }
}

img {
  border-radius: 3px;
}

img.avatar {
  border-radius: 3px;
}

Need help with my (non)-responsive custom header
#2

In the custom CSS admin area you need to click on the phone icon and put your custom CSS in there also.


(Kane York) #3

Yep. It’s not all applied to mobile by default because it looks different and you might make it unusable without checking.