Hello,
Im trying to making my footer menu into 2 rows or collapsable, please advise.
Its taking too much space scrolling downwards.
Site in question is vivorosa.com
I only wish to do this on the mobile version, the web version is fine.
Thank you
1 Like
yes its possible to customization code but If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by or Send DM Details
Mobile Accordion
Please add below css code in bottom of assets/theme.css file
@media screen and (max-width: 1023px)
.Footer__Block.Footer__Block–links {
width: 50%;
float: left;
margin-bottom: 30px;
margin-top: 20px;
}
@media screen and (max-width: 1023px)
.Footer__Block.Footer__Block–newsletter {
width: 100% !important;
flex: 1 1 100%;
}
Thank you.
Hello, thank you, i have applied the code but no change has occurred.
UP ! Anyone found a solution please ?