Mobile footer view layout

Solved
kikiscott
New Member
7 0 0

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 

Accepted Solution (1)
romartiny
Shopify Partner
34 8 8

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;
}
}
Romartiny | Software Engineer | Shopify
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 2 (2)
romartiny
Shopify Partner
34 8 8

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;
}
}
Romartiny | Software Engineer | Shopify
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
kikiscott
New Member
7 0 0

30BA6CB9-4CE8-457F-9B98-658701E60C0B.jpeg

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?