Trouble with header logo, is not mobile responsive

  • Resolved keki3711

    (@keki3711)


    7 years ago

    Hi,
    I am using the Amadeus theme and I’m having trouble with my header logo not being responsive on mobile at
    when I check my website on my mobile in several browsers it doesn’t fit the whole screen (the content and footer seem to be to the left)
    It used to look ok but after an update I noticed this change.

    Can you help me please?

    Thanks

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

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

  • Hello there,

    To make logo responsive please use following code
    Under Appearance > customize > Additional CSS
    and paste below code

    
@media only screen and (max-width: 600px)
{
.custom-logo {
    max-width: 70%;
}
}

    Let us know if it helps.

    Best Regards,
    Harshvardhan

    Thread Starter keki3711

    (@keki3711)

    Hello,
    Thank you for your answer.
    I try this but that doesn’t works.
    Do you have another idea?

    Cecilia

    Thread Starter keki3711

    (@keki3711)

    I have just seen also that the title is not responsive too.
    Logo and title keep the size in mobile view.
    Thanks

    Hello,

    Thanks for writing back.

    This theme has an option to set the max width of logo.

    please reduce the max-width of logo size and set Default 200px

    Under Appearance > customize >Header Area > Site Branding > Logo Size

    please check screenshot
    https://prntscr.com/h2mh5f

    Let me know if you need further help.

    Best Regards
    Harshvardhan

    Thread Starter keki3711

    (@keki3711)

    Hello,

    Thanks for writing back.

    I reduced to 200px and it’s still the same problem. The view of the logo on mobile is cut.

    Best regards,

    Cecilia

    Thread Starter keki3711

    (@keki3711)

    https://prnt.sc/h2o1b0

    AC

    (@purplecodes)

    Themeisle Support

    Hello Cecilia,

    I have tested your site on both Chrome and Firefox. It looks fine from my end.
    Kindly check if this is still an issue.

    Best Regards,

    AC

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Trouble with header logo, is not mobile responsive’ is closed to new replies.