How do I make the logo responsive

  • Resolved ak

    (@akafridealz)


    7 years, 1 month ago

    Hello

    I integrated a logo in the header of my suffice theme.
    It looks fine on desktop and tablet.
    But on mobile phones the logo is too wide, causing the menu and search icon to move down into the next line.

    How can I make the logo responsive or adjust the width of the logo for mobile only?

    Regards
    AK

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello akafridealz,

    Add below css code into your current active child theme’s style.css file or you can add it additional css option into theme customizer.


    @media(max-width: 480px){
    .header-bottom .header-bottom-left-section {
    width: 224px;
    margin-top: 10px;
    }
    }

    Hope this will helps you.

    Thanks

    Thread Starter ak

    (@akafridealz)

    That worked perfectly! Thanks so much! Finally looks right!
    Thanks a mil!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I make the logo responsive’ is closed to new replies.