Hello Shopify community,
I would like to have my footer menu and links to appear under the newsletter signup on the desktop version but currently, they stack horizontally and I’m not sure how to fix that on the Debut theme.
the part of my website’s footer with the newsletter and links looks like this:
I would like the newsletter and the footer menu to be centred and stack on top of each other just like this: (these are screenshots that I took separately with either just the newsletter or only the footer menu turned on)
Any help would be highly appreciated!
PLease provide your website url and if your store is password protected then also provide the password
my store’s URL is stifc.com
thanks!
Please place this code at the end of theme.scss
.site-footer__content {
display: block !important;
}
.site-footer__content .site-footer__item:first-child {
width: 50% !important;
}
.site-footer__content .site-footer__item:nth-child(2){
width: 70% !important;
}
.site-footer__item-inner .h4 {
text-align: center;
}
Thank you for your reply!
this worked partially but the only issue is that everything is aligned to the left.
Please also add this code at the end of theme.scss
@media only screen and (max-width: 768px) {
.site-footer__content .site-footer__item {
width: 100% !important;
}
}
.site-footer__item {
margin: 0 auto;
margin-bottom: 45px;
}
Thanks so much for your help!
I’ve pasted all the 3 codes and it looks perfect now.
But I just checked and the text looks a little broke on mobile:
Please add this code at the end of theme.scss. I have changed the code
@media only screen and (max-width: 768px) {
.site-footer__content .site-footer__item:first-child, .site-footer__content .site-footer__item:nth-child(2) {
width: 100% !important;
}
}
Thanks very much!
It looks perfect on desktop and phone now.
@Hardik29418 site brokenneedle.ca, Theme is minimal.
I have 4 sections in my footer, can I move my Menu navigation below, and have the 3 sections on top, Menu below one line, left-aligned?
@brokenneedle
Yes we can. I can help you.
