Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 22, 2018 at 12:09 pm #1000255
    KateStuartDesign

    Hello support. I have tried loads of code I have found in the forum but none work. I am having a problem with my logo on a mobile phone – it is not shrinking. I need for it to reduce with a little white space all around. Please help!

    August 22, 2018 at 2:47 pm #1000365
    Victoria

    Hey Kate,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 990px) {
   .responsive .logo img {
        width: 90%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .logo img {
        width: 40%;
        top: 0px;
    }
}
@media only screen and (max-width: 479px) {
    .responsive .logo img {
        width: 70%;
        top:0px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 22, 2018 at 3:07 pm #1000384
    KateStuartDesign

    Thanks Victoria! That worked perfectly when I put it in the custom css file. Thanks for your quick reply and your help.

    August 22, 2018 at 3:30 pm #1000399
    Yigit

    Hi,

    Glad Victoria could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘logo on mobile phone too big’ is closed to new replies.