Hi mates,
at the kidzy template the logo is not in line at various devices. look at this picture: (hidden content)
could you please help solving this?
thanks in advance!
edit 1:
even when I use custom css: there is a difference between several devices.
eg:
//#sp-header .logo{
// width: 400px !important;
//}
Hi
Thanks for contacting us. I have fixed your issue. Please check.
-Regards.
wow great thanks Mehtaz!
I just checked the page via smartphone and saw that the size of the menu bar is too high. look
could you please briefly describe how you fixed it?
but
Please check now. By the way, I have used this custom CSS
#sp-header {
height: 90px;
}
@media (max-width: 767px){
#sp-header{
background-color:white;
height:55px;
}
#sp-header-sticky-wrapper{
background:unset !important;
}
}
many thanks!
You are always welcome.
I just reinstalled the template and the code you gave me is not working any more. Could you please investigate?
Did you apply that code in your custom.css file?
yes, of course.
Templates: Styles (Site) > kidzy > custom code > custom css
where to find this custom.css?
Could you please check now?
It looks good! Thank you!
Could you please be so kind and post the way you did it?
Hi
I have used this custom CSS
@media only screen and (max-width: 912px){
#sp-header .logo img {
position: relative;
top: 15px;
}
}
Glad to know that it is working, you can now close this post by accepting the answer.
I just double checked it on another computer and the Logo is not in line again. maybe it is because of the addition ( .offcanvas) to the custom css:
img.sp-default-logo.d-none.d-lg-block {
position: relative;
top: 38px;
}
@media only screen and (max-width: 912px){
#sp-header .logo img {
position: relative;
top: 15px;
}
}
.offcanvas {
visibility: visible;
}
Could you please let me know how to fix this?
Because the css classes are different, In that case I need your that site URL.
thanks for your response. I acutally do not know what you exactly mean. my site url is attached
Hi
Sorry your Username and password do not match, please send me again.
Hey Mehtaz, I have the above mentioned problem again. Could you please help me out?
The login data is attached
Use this CSS in your custom.css file
#sp-header .logo{
top: -45px !important;
}
Thanks for your reply Mehtaz,
the above mentioned solution doesn't fix the problem. Please have a look at the attached link.
Could you please remove the CSS I provided and let me know? I need to check one thing.
Hey Mehtaz, good to read from you :)
This is is acutal code in custom css:
@media only screen and (max-width: 912px){
}
top: 55px ;
position: relative;
}
.offcanvas {
visibility: visible;
}
.modal-backdrop {z-index: 1; }
.sppb-slidehsow-sub-title{ color:#ebca57 !important; }
.sppb-btn-custom{ background-color: #ebca57 !important; }
.sp-kidzy-class ul.class-info>li:last-child{
display:none;
}
and this is the actual behavior:
Hi
Do you want it like this in all devices?
yes, this should be the result. furthermore the logo should be visible when scrolling down. the actual behavior isis the the top of the logo is cutted. would be great, when the logo is moving down once the page is scrolled.
could you help me out, Mehtaz?
Sorry for the delayed reply. If possible could you please create a new forum post about it? Sorry for this inconvenience.
Really? I mean, yes. But why not going on here?
Really sorry for this inconvenience. Our team will help you ASAP.
Hi Mehtaz,
it's OK. Stay calm. I really appreciate your help. II created a new post as you wanted.
Thanks. I will forward it to our senior staff.