Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 22, 2017 at 10:47 am #797529
    Lehuashiroma

    Hi

    Please help me modify my logo size on mobile. I’ve searched this through the threads and have tried the solutions but nothing works. I added custom css in the quick css under general styling but no luck. Below is what I entered in quick css.

    @media only screen and (max-width: 50px) {
    .responsive #top .logo {
    width: 100%;
    text-align: -webkit-center;
    }

    .responsive #top .logo img {
    top: 0;
    }
    }

    May 22, 2017 at 11:15 am #797545
    Nikko

    Hey Lehuashiroma,

    Try using this css code instead:

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

    Let us know if this helps :)

    Best regards,
    Nikko

    May 22, 2017 at 11:18 am #797549
    Lehuashiroma

    This helped! Thank you Nikko!

    May 22, 2017 at 11:23 am #797555
    Nikko

    Hi,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

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