What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Mobile Footer Menu on Dawn Theme

How to arrange two menus side by side in Dawn theme on mobile view?

akia1
Tourist
7 0 1

I would like to have the 2 menus side by side and keep the about us section at the bottom as is, this is only on the mobile view. Any ideas? Thanks!

 

IMG_9111.jpg

Replies 6 (6)

AryavK
Trailblazer
260 9 43

Hello @akia1 


Go To Online Store > Theme > Action > Edit Code And Paste The Bellow Code In The base.css File

 

@media screen and (max-width: 749px){
  .footer .grid {
    display: flex !important;
  }
  .footer-block.grid__item{
    width: 45% !important;
    margin: 0 !important;
  }
  .footer-block.grid__item:first-child, .footer-block.grid__item:last-child {
    width: 100% !important;
  }
}

 

If my answer worked for you, please hit the like button and accept it as a solution please.

Thanks!

Hope this works for you

faith&you
akia1
Tourist
7 0 1

Unfortunately this did not work

AryavK
Trailblazer
260 9 43

store url?

faith&you
akia1
Tourist
7 0 1
AryavK
Trailblazer
260 9 43

can you share where added the code given by me?

faith&you
akia1
Tourist
7 0 1

custom css.png