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

    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.


    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,


    Thank you! This worked.


    Hi Kate,

    I’m happy that Mike could help.

    Let us know if you have any other questions.

    Best regards,

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