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

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 23, 2018 at 8:55 pm #15042
    john
    Participant
    Purchased
    Expired

    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!

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    April 24, 2018 at 3:42 am #15060
    SeaTheme
    Keymaster
    Purchased
    Expired

    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~

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.