Refresh theme mobile footer menu collapse

Store Design
, ,
1

Hello everyone.

I’m having some confusion while using the refresh theme. The theme displays very strangely in the footer section on mobile, and the user has to swipe for a long time to navigate.

Can I make it stay collapsed in mobile by adding a piece of CSS? Unfortunately I don’t know anything about code.

If some one can help with this I would be very grateful. :slightly_smiling_face:

2

Hello @George1210 ,
Please share your store URL.

3

Thank you for your reply!!

Here’s the link: crsttech.com

4

@George1210 .,

Go to online store >> edit code >> open base.css file
Add this code bottom of base.css file.

@media screen and (max-width: 749px){
.footer-block.grid__item {
margin-top: 10px !important;
margin-bottom: 25px !important;
}
h2.footer-block__heading {
margin-bottom: 10px;
}
.footer-block__details-content.rte p {
margin-bottom: 5px !important;
margin-top: 5px !important;
}
.footer-block__details-content.list-unstyled a {
padding-top: 2px !important;
padding-bottom: 3px !important;
}
.footer-block__details-content.rte {
margin-bottom: 10px !important;
}
.footer-block–newsletter {
margin-top: 0px !important;
}
ul.footer-block__details-content.list-unstyled {
margin-bottom: 0pc !important;
}
.footer__list-social.list-unstyled.list-social {
margin-top: 10px !important;
}

.footer__content-top.page-width {
padding-bottom: 10px !important;
}

}