Hi, I’m using Debut theme. I want to edit my footer-blocks width, so I will receive:
-
LINKS: 25% width
-
GET IN TOUCH 50 % width (Increase the width)
-
FOLLOW US 25% width (Reduce the width)
How do I do it?
Thanks
Hello @Ben1000 !
By adding custom CSS to your theme file you can change the width. Can you please share the store URL so that I can check and get back to you with a solution?
@Ben1000
kindly Share your Store url so that we can help you.
My pass is blawna
@media only screen and (min-width: 750px)
{
.site-footer__item--one-quarter {
-moz-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 50% !important;
}}
.site-footer__item--one-quarter {
-moz-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 50% !important;
}
@Anonymous this code on the bottom of the theme.css or theme.scss
1 Like
This is code customization work please share your sections/footer.liquid code I will check the code and send the correct solution to you. otherwise, you can create my staff account, I will help you change it quickly.
Thanks!
Hello @Ben1000 !
Please add the below code in the theme.css file at the bottom to make it work as you required:
.site-footer__item.site-footer__item--one-quarter {
max-width: 300px !important;
}
.site-footer__item.site-footer__item--one-quarter:nth-child(2) {
max-width: 600px !important;
}
Hope this will help you out.
1 Like
Hi @Zworthkey
It works, thanks!
1 Like
This worked, thank you!
1 Like
Hi,
I need some help with the size of my blocks in the footer. Im using Dawn Theme. My url is https://yalostore.com
I want this size for each block, dont know exactly the percentage but it should look like this
Hope you can help me