Docs

[Catherine R]

hi themeco,

I’ve tried many combinations, but for some reason resizing the logo is not taking.
I really need to to be smaller for tablet and phone.

Here is the last CSS I tried:
@media (max-width: 978px) {
.x-navbar img {
width: 150px !important;
left: -15px !important;
top: 12px !important;
}
}

I have the logo set at 300px in the Customizer.

any and all suggestions are welcome! thank you.

[Catherine R]

This reply has been marked as private.

[Rahul]

Hey There!

Thank you for using the theme!

Use this CSS :

@media only screen and (max-width: 400px) {
.x-brand img {
width: 70%;
position: absolute;
top: 20px;
}
}

I hope that helps.

[Catherine R]

hi themeco, I wish I could say that helped, but I don’t see any difference…
pref right before 979 for tablet, including mobile.

do you think it has to do with the logobar height?

[Joao]

Hi There,

Please try adding the following code to Appereance > Customizer > Custom > CSS

@media only screen and (max-width: 979px) {
.x-brand img {
width: 75px !important;
}
}

Let us know how it goes

Joao

[Author]

Posts