Comments 2Johannes started the conversationSeptember 24, 2022 at 4:41pmhi,is it possible to fade out the logo on mobile version or just don´t show it when starting to scroll?or shrink it? 1,815Support repliedSeptember 26, 2022 at 4:04amHi JohannesYou can control how logo looks on different devices by setting its height in a media query:@media only screen and (max-width: 767px) { #logo img { height: 50px; }}and you can specify different media query points but this is for mobile devices (phones)change the height - in pixels - and add the code to customizer -> additional CSSThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 2Johannes repliedSeptember 26, 2022 at 7:28amhi,i added the code in Custom CSS but there is no effekt.@media only screen and (max-width: 767px) { height: 10px; } }do un know why?and, btw. do I have to duplicate the code for the black logo version? 1,815Support repliedSeptember 26, 2022 at 7:36amTHIS code is not good:https://prnt.sc/jrCNxQBGy8ebso I corrected it to:https://prnt.sc/7SXO9Y8wrBWqand it applies for both logo versionsThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 2Johannes repliedSeptember 26, 2022 at 7:38amperfect - thx 2Johannes repliedSeptember 26, 2022 at 7:39amsorry to bother u again,but can u tell me how to add some space to the top of the logo? 1,815Support repliedSeptember 26, 2022 at 7:42amYou add top margins or paddings to the logoThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 2Johannes repliedSeptember 26, 2022 at 7:49amthx - u can close ticket.have a nice day!1 Like 1,815Support repliedSeptember 26, 2022 at 7:51amOk, same to you!Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Sign in to reply ...
hi,
is it possible to fade out the logo on mobile version or just don´t show it when starting to scroll?
or shrink it?
Hi Johannes
You can control how logo looks on different devices by setting its height in a media query:
@media only screen and (max-width: 767px) {
#logo img {
height: 50px;
}
}
and you can specify different media query points but this is for mobile devices (phones)
change the height - in pixels - and add the code to customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
hi,
i added the code in Custom CSS but there is no effekt.
@media only screen and (max-width: 767px) {
height: 10px;
}
}
do un know why?
and, btw. do I have to duplicate the code for the black logo version?
THIS code is not good:
https://prnt.sc/jrCNxQBGy8eb
so I corrected it to:
https://prnt.sc/7SXO9Y8wrBWq
and it applies for both logo versions
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
perfect - thx
sorry to bother u again,
but can u tell me how to add some space to the top of the logo?
You add top margins or paddings to the logo
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
thx - u can close ticket.
have a nice day!
Ok, same to you!
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy