https://community.hubspot.com/t5/CMS-Development/sticky-social-media-icon/m-p/562475#M26988 <P>Hello <a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/250023">@Oezcan</a>&nbsp;</P><P>Thank you for replying, So basically i added the lines that you sent me but nothing changed <span class="lia-unicode-emoji" title=":confused_face:">😕</span>&nbsp;</P><P>This is the html part :</P><P>&lt;div style="vertical-align:middle;width: 50px; font-size: 1.5em;margin-top:150px;margin-left:150px;"&gt;<BR />&lt;div class="social_sharing"&gt;<BR />&lt;/div&gt;<BR />{% module 'social_sharing'<BR />path='../modules/social-sharing',<BR />styles={<BR />'spacing': {<BR />'spacing': {<BR />'margin-right': 140,<BR />'margin-left': 140,<BR />'bottom': {<BR />'value': 22,<BR />'padding': 50,<BR />'units': 'px',<BR />}<BR />}<BR />}<BR />}<BR />}<BR />%}<BR />&lt;/div&gt;<BR />&lt;/div&gt;</P><P>&nbsp;</P><P>&nbsp;</P><P>And this is my CSS code&nbsp; :&nbsp;</P><P>&nbsp;</P><P>.blog-post__social {<BR />left: -7rem;<BR />position: relative ;<BR />}</P><P>@media (max-width: 1200px) {<BR />.blog-post__social {<BR />left: 0;<BR />margin-bottom: 1.5rem;<BR />position: relative;<BR />}<BR />}<BR /><BR />.blog-post__social .social-links {<BR />align-items: stretch;<BR />display: flex;<BR />flex-direction: column;<BR />}</P><P>@media (max-width: 1200px) {<BR />.blog-post__social .social-links {<BR />align-items: flex-start;<BR />flex-direction: row;<BR />}<BR />}</P><P>.blog-post__social .social-links__icon:hover {<BR />background-color: #45c3e6;<BR />}</P><P>&nbsp;</P><P>Best regards&nbsp;</P><P>Yjadlaoui</P> Tue, 25 Jan 2022 11:10:30 GMT yjadlaoui 2022-01-25T11:10:30Z