How can I add a retina logo? When I use a logo that is larger than 110×50 pixels, the image increases in size and goes below the navigation bar. But when I use a logo that has the above mentioned size, the logo will be unclear on retina devices like an iPhone or MacBook. Can you give me a solution for this problem?
Thank you for the great support! Is it also possible to not show the logo on the homepage above the slider? So only show the logo when the background of the header is white and not when it is transparent black? Furthermore, is it possible to have white lines for the menu when the header is transparent black in the mobile version of the website, instead of the black ones?
Unfortunately, the whole header and navigationbar disappears when I do this. And not only on the homepage but also on full-width pages. Is there a fix for that? So that only the logo is not visible in the first part of the homepage?
I works! Thank you very much! Now I have one final question. Is it possible to make the mobile navigationbar (hamburger menu) with white stripes on the homescreen before the slider? Because now they are almost invisible as they are black on black.
How can I add a retina logo? When I use a logo that is larger than 110×50 pixels, the image increases in size and goes below the navigation bar. But when I use a logo that has the above mentioned size, the logo will be unclear on retina devices like an iPhone or MacBook. Can you give me a solution for this problem?
Hello,
I've contacted our developers about this. Get back to you as soon as possible,
Best Regards,
Jelly Team
Please add the logo image twice as big and add this to Appearance > Customize > Additional CSS:
#header .navbar-brand img { width: 110px; }Best Regards,
Jelly Team
Thank you for the great support! Is it also possible to not show the logo on the homepage above the slider? So only show the logo when the background of the header is white and not when it is transparent black? Furthermore, is it possible to have white lines for the menu when the header is transparent black in the mobile version of the website, instead of the black ones?
Is it also possible to not show the logo on the homepage above the slider?
Please try adding these styles:
#header {display: none;}#header.overflow.fixed {display: block;}
is it possible to have white lines for the menu when the header is transparent black in the mobile version of the website, instead of the black ones?
Could you please send me a screenshot with these lines? I am not sure what are you referring to.
Best Regards,
Jelly Team
Unfortunately, the whole header and navigationbar disappears when I do this. And not only on the homepage but also on full-width pages. Is there a fix for that? So that only the logo is not visible in the first part of the homepage?
Please try this CSS instead:
.home .navbar-brand.normal.logo {display: none;}.home .fixed.overflow .navbar-brand.normal.logo {display:block;}
Best Regards,
Jelly Team
I works! Thank you very much! Now I have one final question. Is it possible to make the mobile navigationbar (hamburger menu) with white stripes on the homescreen before the slider? Because now they are almost invisible as they are black on black.
Please use this CSS:
#header .navbar-toggle {color: white;}
Best Regards,
Jelly Team