Hi. I’m using the brooklyn theme and need help separating my mobile footer menu into columns and not stacked as it is presently. my website is www.keeksbykiki.com
You need to find the “grid-uniform” element and add the following style to it:
display: flex;
flex-direction: row;
justify-content: space-between;
You can also insert custom css:
@media screen and (max-width: 768px) {
.grid-uniform {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
1 Like
Thank you! This worked wonders. Is there a way to make the space between the columns neater so that they’re lined up with each other? Also can you help me to move my currency option and ‘ © 2023, KEEKS BY KIKI’ part underneath said columns?