Repair how the menus show on footer for mobile.

  • Guys, would you mind to help me to fix my site’s footer on mobile.

    I want to make the footer on mobile version looks like the tablet one.

    For mobile, I am okay with the logo. But, for the menus, I want to make each menu only fill 50% of the width, so I can place 2 menus in a row.

    Hope U get it.
    Thanks in advance.

    This is the footer’s look on mobile right now
    https://ibb.co/BqrfFMs

    I want to make it apppears like this
    https://ibb.co/94Z2KzT

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • The template builds itself with bootstrap classes, these don’t actually provide for such a thing. But you can solve this with CSS:

    @media only screen and (max-width: 600px) {
 .footer-content > div > .row > div {
   width: 50%;
 }
}

    Add this in Appeareance > Customizer > Additional CSS.

    Thread Starter rafi1864

    (@rafi1864)

    Aw. Your code works like a charm! Thanks, threadi!

    Glad if I could help. You are welcome to set the topic to solved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Repair how the menus show on footer for mobile.’ is closed to new replies.

Tags