Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 16, 2014 at 6:19 pm #352090
    amvdsande

    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.
    November 17, 2014 at 2:42 pm #352425
    Ismael

    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

    November 18, 2014 at 12:00 am #352760
    amvdsande

    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!

    November 18, 2014 at 4:20 pm #353020
    Yigit

    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

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