Docs

[bedingfield]

Hi there,

How would I be able to have the text logo I have in my design resize to my desired sizes in landscape and portrait for smartphones?

I have a fixed size main text logo.

or is there a way to make text logo responsive?

Currently, on smartphones I think logo is too small in landscape.

http://elyrunners.club

[Rupok]

Hi there,

Thanks for writing in! I can see you are using the below CSS on your Child theme’s CSS that’s controlling the font-size on smaller screens :

@media (max-width: 720px) {
.x-navbar .x-brand {
    font-size: 23px !important;
    line-height: 50px;
}
}
@media (max-width: 320px) {
.x-navbar .x-brand {
    font-size: 17px !important;
}
}

Let’s increase the font-size if you think it’s too small.

Hope this makes sense.

[bedingfield]

Thank you. Yes you are correct, but for some reason the max-width: 320px for iPhone portrait doesn’t resize to 17px

Thank you

[Jade]

Hi there,

Please update this:

@media (max-width: 320px) {
.x-navbar .x-brand {
    font-size: 17px !important;
}
}

to

@media (max-width: 480px) {
    .x-navbar .x-brand {
        font-size: 17px !important;
    }
}

[Author]

Posts