Hello, so for the footer, I want to have the first section by its self on the first line and the rest sections divided equally on the following line. Something like the picture below:
(store: https://03df82.myshopify.com/)
Thanks in advance!
Hi @Andy106 , the most solid solution would be to modify the footer liquid file of your theme. Then maybe it will need some minor CSS adjustments.
Hello, I am aware of this :)) I need some assistance, with how to manipulate the code!
For anyone interested I solved this using the following code on base.css or on the custom footer css box in the theme editor:
Show More
@media (min-width: 200px) {
Show More
.footer-block__brand-info {
Show More
display: grid;
Show More
place-items: center;
Show More
text-align: center;
Show More
}
Show More
.footer-block:nth-child(1) {
Show More
flex: 1 1 100%;
Show More
position: relative;
Show More
}
Show More
.footer-block__heading {
Show More
text-align: center;
Show More
}
Show More
}
Show More
@media (min-width: 768px) {
Show More
.footer-block–menu {
Show More
width: calc(
Show More
20% - var(–grid-desktop-horizontal-spacing) * 4 / 5
Show More
) !important;
Show More
text-align: center;
Show More
}
Show More
}