I want that my logo is smaller and it schould vertically be in the middle. Actually when I change the header size, also the logo is getting bigger and when I change the size via css customization, then the logo is on top but I want it in the middle. How can i do both?
For example:
.logo img {
width: 150px!important;
}
Hey serdalinho85,
It looks like you site is in construction mode? Please post login details in private so that we can have a closer look.
Best regards,
Rikard
Hi Rikard
Here is your login.
Hi,
Thanks for the details. Please try the following in Quick CSS under Enfold->General Styling:
.logo img {
width: 200px!important;
display: inline !important;
vertical-align: middle !important;
}
Best regards,
Rikard
Works fine, but now also the mobile view has changed, I want that it stays as before. How can I prevent the mobile view from being changed?
BTW: are you guys from austria and speak german? Dann wechseln wir lieber zu Deutsch :-)
Hi,
Ok, then please try this instead:
@media only screen and (min-width: 768px) {
.logo img {
width: 200px!important;
display: inline !important;
vertical-align: middle !important;
}
}
We only have one german speaking moderator, the actual austrians are not very active on the forum :-)
Best regards,
Rikard
Perfect, thanks
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can close it.
Thanks and Regards
Hi,
Thanks for using Enfold :)
Best regards,
Nikko