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

many thanks!

I just reinstalled the template and the code you gave me is not working any more. Could you please investigate?

yes, of course. Templates: Styles (Site) > kidzy > custom code > custom css

where to find this custom.css?

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;
}

• You can use custom CSS to add your own styles or overwrite default CSS of a template or extension. This option is good small changes in the stylesheets. For more extensive changes (more then 10 lines of code) we suggest to use the custom.css file.

Could you please let me know how to fix this?

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.

Hey Mehtaz, good to read from you :) This is is acutal code in custom css:

@media only screen and (max-width: 912px){ }

sp-header .logo img {

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?

Really? I mean, yes. But why not going on here?

Hi Mehtaz, it's OK. Stay calm. I really appreciate your help. II created a new post as you wanted.

https://www.joomshaper.com/forum/question/31910