Viewing 5 replies - 1 through 5 (of 5 total)
  • Try adding this css in the theme options:

    @media (max-width: 767px) {
    #logo .kad-retina-logo {
    margin: 0 auto;
    }
    }

    You should also update your theme.

    Kadence Themes

    Thread Starter andrew90

    (@andrew90)

    That worked! Thanks. Can I also manipulate the size of the logo displayed on the mobile?

    hannah

    (@hannahritner)

    Hey andrew90, I’m assuming you want it smaller? Something like this should work:

    @media (max-width: 767px)
    #logo .kad-retina-logo {
    max-height: 120px;
    }

    Feel free to play around with the number.
    Hannah

    Thread Starter andrew90

    (@andrew90)

    That’s not working for some reason. I tried adjusting the max height to several different sizes and I cleared my cache also.

    hannah

    (@hannahritner)

    Sorry, forgot to add the brackets:

    @media (max-width: 767px) {
    #logo .kad-retina-logo {
    max-height: 120px;
    }
    }

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

The topic ‘Centering Mobile Logo’ is closed to new replies.