Home Forums Arnold WordPress Theme Resizing custom logo for mobile + shortening width of logo container?

This topic contains 1 reply, has 2 voices, and was last updated by  BWSM 5 months, 4 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #15042

    john
    Participant

    Hi, I’ve added a custom logo in the header of my website:
    http://www.johnalderson.me

    1. For desktop web, it’s sized at 56px. However it doesn’t resize so it’s smaller for mobile – how do I set this? What code should I add to make it go smaller for mobile, and where should I put this code?

    2. How can I shorten the container for the custom logo, so my menu items on the right have more space (on mobile)? Where is the code found for the logo container width?

    Thanks in advance!

    • This topic was modified 5 months, 4 weeks ago by  john.
    #15060

    BWSM
    Keymaster

    Hi,
    1. / 2.
    Please paste the custom css code to “Appearance > Customize : Additional CSS”
    The css should shorted logo container also

    @media (max-width: 767px) {
    .responsive-ux .logo-image {
        max-height: 40px; }
    }

    RG~

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.