Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Hi there!!
I'm trying to customize a little bit the footer, but so far no luck. I want to change the weight of the menu to something a little bit lighter. I would also like to center the social media icons right below the menu options, and the copyright text centered at the bottom. How can I do this?
This is what it looks like now.
This is what I want it to be.
Thank you so much in advance! ;D
Solved! Go to the solution
This is an accepted solution.
@delacruzndj- to make font-weight lite please add this css to the very end of your theme.scss.css file and check
.site-footer a {font-weight: initial;}
.site-footer__bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__copyright {
margin-top: 20px;
}
@delacruzndj- it is showing different footer, is theme different than live site?
Yes. I'm working on a new theme for a rebranding of the website.
This is an accepted solution.
@delacruzndj- to make font-weight lite please add this css to the very end of your theme.scss.css file and check
.site-footer a {font-weight: initial;}
.site-footer__bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__copyright {
margin-top: 20px;
}
It worked! And so simple. Thank you so much.
Can we do something about the social icons and copyright alignment?
@delacruzndj- please check above reply again, I edited it, have given all code, add it to very end of your css file and it should look like screenshot above
It all worked! Thank you so much. It looks great. 😄
User | RANK |
---|---|
225 | |
102 | |
92 | |
57 | |
44 |