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;
}
You can try adding to Home > Design > Custom Css
/*Hide navigator on mobile*/
@media only screen and (max-width: 767px) {
.header-actions--right,.header-actions-action--social {
display: block !important;
}
.header-burger {
display: none;
}
}
Let me know how it works on your site
Support me by pressing 👍 if this useful for you
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.
sksk111 got a reaction from Beyondspace in align social icons (side by side) and change footer 'icon' image to discord logo
