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

Solved
Emurph35
Excursionist
36 0 13

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

0 Likes
LamQSolutions
Pathfinder
113 26 39

Hi,

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

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
Emurph35
Excursionist
36 0 13

Hello 

 

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

Thank you

0 Likes
LamQSolutions
Pathfinder
113 26 39

This is an accepted solution.

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%;
  }
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.