sksk111

Thank you. I noticed it was the 'display: block' which was impacting it. Just struggling on changing the footer 'social link' image to the discord one now.

Site URL: https://www.invisiblefriendsofsolana.com The social icon's alignment in the header is messed up, are they not supposed to be side by side as default? I can't manage to change the image in the footer for the link either. Any help? css code for the logo in the header: //Discord logo .icon--fill:nth-of-type(2) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.png); background-size: 100%; background-repeat: no-repeat; } .header-menu-actions-action:nth-of-type(2) { svg { display:none; } background-image: url(discohttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pngrd.png); background-size: 100%; background-repeat: no-repeat; }

If you are still available, I do need help with adding a social logo to my discord link. I've managed to do it in my header but can't get it to work in the footer. Also the alignment of the logo is messed up. for some reason they are not side by side (isn't this supposed to be the default?) Footer: Header: Just to add: this is the CSS code I have used so far for the logo: //Discord logo .icon--fill:nth-of-type(2) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.png); background-size: 100%; background-repeat: no-repeat; } .header-menu-actions-action:nth-of-type(2) { svg { display:none; } background-image: url(discohttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pngrd.png); background-size: 100%; background-repeat: no-repeat; }

Thank you! this worked. Weirdly when I was trying even simple CSS code to change text colour or even font size or positioning, it wasn't working. But this did 🙂

Site URL: https://www.invisiblefriendsofsolana.com My social links are appearing as a menu button in the mobile version. I'd either just like to show the twitter logo as a button or hide it all together. As there's no point just having a whole menu for one single social icon. I tried using CSS but its not responsive at all. What do I do here?