Header Logo Too Small On Mobile

Support
#1

Im working on this site the logo is too small on mobile how can i stop it from shrinking so much?
it looks really bad. the site is built on X not Pro.

#2

Hello @rotation,

Thanks for writing in!

To resolve your issue, pleas have this code removed:

@media (max-width:600px){
    .x-brand{
        max-width:260px;
    }
    .x-brand img{
        margin-left:20px;
    }
}

And replace it using this code instead:

@media (max-width:600px){
    .x-brand{
        max-width:280px;
    }
    .x-brand img{
        width: 100%;
        margin-left:20px;
    }
}

We would love to know if this has worked for you. Thank you.

#3

This worked perfect. Thanks

#4

You’re welcome, @rotation.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.