Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #352090

    Hi,

    I’m using the Enfold theme for a client of mine. The logo on the mobile menu gets too big on a smaller screen. Everything else is perfect.
    Do you know what I need to do in order to adjust the logo so its not so big?

    Website is in private content.

    Thx in advance.

    • This topic was modified 9 years, 11 months ago by amvdsande.
    #352425

    Hi Xander!

    Thank you for using Enfold.

    You can adjust the logo on mobile device with this on Quick CSS:

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    margin: 0 auto;
    max-width: 100%;
    height: 65px !important;
    max-height: 65px !important;
    width: auto;
    top: 5px;
    }
    }

    Regards,
    Ismael

    #352760

    Thanks Ismael!
    That did the trick.

    Can you also tell me how to adjust the mobile header? It’s a little too big on a mobile phone.

    Thx!

    #353020

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive .logo { height: 65px !important; }}

    Best regards,
    Yigit

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