Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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;
}
}
This is an accepted solution.
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;
}
}
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?
User | RANK |
---|---|
141 | |
113 | |
79 | |
64 | |
63 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023