How to I change the footer on mobile to have the page navigation sections next to each other

Store Design
1

Hello

Can someone please provide me with code to make the navigation pages (shop, Explore, Help) next to each other instead of under each other on mobile.

This is how it looks just now:

E5A78BD4-E4A1-4520-8421-7969936A12B0.png
E5A78BD4-E4A1-4520-8421-7969936A12B0.png1125×2436 174 KB

2

Hi,

Could you you share the store password so we can take a look at the footer closer?

3

Hello

The URL is https://now-lashes.myshopify.com/ And password is Thoffo

Thank you

4

Hi,

To fix this problem, you can install my free app Custom CSS and add the following code

If you don’t want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

@media only screen and (max-width: 749px) {
  .site-footer__item--one-quarter {
    -webkit-flex:1 1 25%;
    -moz-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }

  .site-footer__item--one-quarter:last-child {
    -webkit-flex:1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}