Logo and footer on mobile

  • Hi there!
    I’m working on a friend’s website and I’m having trouble with the logo and the footer widgets.
    On mobile the logo isn’t in the center of the header, unless I make it really small. You can see it here
    And there are three widgets in the footer, and they look good on desktop but on mobile there’re all on the left side of the screen and the right side is empty, as you can see here.

    I don’t know how to fix it and can’t find a solution anywhere.
    Can anybody help, please? Thanks!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    Hey, @zelumine

    To do that, go to Appearance → Customize → Additional CSS and enter the following code:

    @media (max-width: 480px) {
  .custom-logo {
    max-width: 265px !important;
  }

  .widget {
    width: 100% !important;
  }
}

    Let me know if that does it.
    Thank you.

    Thread Starter zelumine

    (@zelumine)

    Hi @snehalb890
    It works perfectly for the footer! I didn’t think about the !important… thanks a lot!
    The logo still isn’t centered ?? Any idea?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo and footer on mobile’ is closed to new replies.