Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 11, 2023 at 1:46 pm #1416070
    KateStuartDesign

    Hello. I seem to struggle with this one! I need to make my logo bigger on mobile phones and I have tried all the code from previous threads and it just doesn’t seem to work…. Basically I would like the logo to be as big as possible in the 100px header with 10px padding top and bottom. So logo should be 80px high and ranged left. Thanks in advance for your help.

    August 12, 2023 at 11:05 pm #1416133
    Mike

    Hey Kate,
    Try adding padding: 0; to your css like this:

    @media only screen and (max-width: 767px) {
.responsive #top .logo svg {
    width: auto !important;
    height: 80px !important;
    top: 10px !important;
    bottom: unset !important;
    padding: 0;
}
}

    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    August 14, 2023 at 1:49 pm #1416251
    KateStuartDesign

    Thank you! This worked.

    August 14, 2023 at 1:50 pm #1416252
    Yigit

    Hi Kate,

    I’m happy that Mike could help.

    Let us know if you have any other questions.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘SVG logo settings on Mobile’ is closed to new replies.