Logo not sharp enough on my website

can we see the logo ? ( or link to page ) – is it possible to have instead a svg ?

so this would be a great thing with svg – but that little subtext – even if it is sharp will be not good readable.
i see you have for that spinning logo an alternative logo.
Is it possible to have for the web f.e.:

PS : it does not make any sense to have a very big image scaled by wordpress to a small one.
It is better (not only on perfermance reasons) to reduce the size to the exact starting dimension which you need ( 250px x 88px )
Graphic Programs do have better algorithms to scale images for web than wordpress can do.

What Font do you have used for your logo ( is it Avalon ? – or Avant Garde Gothic ). – Or do you have your logo as Illustrator File ?
So we can check my statement with the svg file

Or maybe this could be an option for you:
https://webers-testseite.de/cynthia/unite4-2/

well first of all this is a little image trick with a png file – if you click to see in lightbox you will see how it is looking like:

only the bottom is transparent and has a shadow surrounding that transparency.

Download: (drag and drop from lightbox to your desktop) https://s18.postimg.cc/5znaf2kg7/Unite4.png?dl=1

• This reply was modified 6 years, 7 months ago by Guenni007.

it is a bit bigger to have some quality.

pull the browser window a bit smaller till the burger menu appears.
That is the behavior !

these are the quick css entries:

#header_main {
    border-bottom: none;
    box-shadow: 0 8px 5px -5px #999;
}
.responsive .logo {
    display: block;
}
.logo, .logo a {
    overflow: visible;
}
.logo img {
    height: 160% !important;
	max-height: 130px !important;
}

@media only screen and (max-width: 767px) {
.responsive #top .logo { display: block }
} 

if you have placed the code and image we will see how to adjust for your settings – do i have a link?

by the way there is a possibility to not shrink to the half but f.e to 60%

but what did happen to your page now – there is a

Coming Soon!
In sha Allah

No facebook – i’m a privacy person ;)

Edit : aha a new link

but change the values
to the new adjusted for you values above !

here is it in total:

#header_main {
    border-bottom: none;
    box-shadow: 0 8px 5px -5px #999;
}
.responsive .logo {
    display: block;
}
.logo, .logo a {
    overflow: visible;
}
.logo img {
    height: 161% !important;
	max-height: 142px !important;
}

@media only screen and (max-width: 767px) {
.responsive .logo  {
display: block ;
}
.logo img {
    height: 161% !important;
    max-height: 129px !important;
}
} 

• This reply was modified 6 years, 7 months ago by Guenni007.

see above the total code – maybe your a bit mixed up .

on resposive case ( smaller screens than 768px) the header height is set from enfold to 80px not your given (88px) so the values must be adjusted.

by the way your background image is not set to cover the place. so there are sometimes white borders

to your questions from:
https://kriesi.at/support/topic/logo-not-sharp-enough-on-my-website/#post-940054

Enfold does not have that element –
this is a masonry with perfect grid and show Titel and Excerpt on hovering: https://webers-testseite.de/categories/