# Help with Social Media Hover

**URL:** <https://community.hubspot.com/t/help-with-social-media-hover/444>\
**Category:** CMS Development\
**Created:** [November 21, 2016, 4:47pm UTC](https://community.hubspot.com/t/help-with-social-media-hover/444 "2016-11-21T16:47:31Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![ndwilliams3](https://avatars.discourse-cdn.com/v4/letter/n/c4cdca/32.png) [@ndwilliams3](https://community.hubspot.com/u/ndwilliams3)\
**Post date:** [November 21, 2016, 5:12pm UTC](https://community.hubspot.com/t/help-with-social-media-hover/444/2 "2016-11-21T17:12:52Z")

</div>

I took a look and your mouseover function is still working. However, the Responsive image srcset is overriding the image that is displaying. I’m not sure of the best way to fix this with Javascript outside of also including a function to change the srcset images to [http://cdn2.hubspot.net/hubfs/492950/Apogee/Icons/Social\_Media\_Icons/Apogee-website-facebook-hover.png](http://cdn2.hubspot.net/hubfs/492950/Apogee/Icons/Social_Media_Icons/Apogee-website-facebook-hover.png). Using CSS vs onmouseover function should also solve the issue.

---

_[View the full topic](https://community.hubspot.com/t/help-with-social-media-hover/444)._