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 9 months ago.

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


    Hi, I’ve added a custom logo in the header of my website:

    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 9 months ago by  john.


    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; }


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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!