Shopify themes, liquid, logos, and UX
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- can you please share your website link?
@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.
@delacruzndj- can you please share that theme preview link?
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. 😄
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024