Kidzy Template - Align Main Menu Left - Question | JoomShaper
Back to the questions

Kidzy Template - Align Main Menu Left

Claire Haas

Claire Haas

Template 1 year ago

Hi,

Is it possible to align the main menu to more the left on the Kidzy template please? Link in hidden content below. There is a big gap between the logo and the main menu.

Kind regards Claire :-)

0
5 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #173877

Hi

Thanks for contacting us. You can use this CSS in your custom.css file

#sp-header .logo{
  position: absolute;
    top: -50px;
    left: 50px !important;
}

-Regards.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #174017

Hi

Use this CSS in your custom.css file

#sp-menu .sp-megamenu-wrapper {
    margin-right: 180px !important;
}
0
Claire Haas
Claire Haas
Accepted Answer
11 months ago #173983

Thank you, it didn't work though. It made the logo move to the right and the menu stayed in the same position.

Kind regards Claire :-)

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #174037

Thanks for sharing.

0
Claire Haas
Claire Haas
Accepted Answer
11 months ago #174035

Thank you. I had to change it slighlty to make it sit more to the left and show all menu items on one row:

#sp-menu .sp-megamenu-wrapper {
    margin-right: 180px !important;
    margin-left: -130px !important;
}

Note that this makes it sit too far left on a Tablet, so I also used this to make the mobile menu kick in sooner:

@media screen and (max-width: 1199px) {
    .sp-megamenu-parent {display: none !important;}
    #offcanvas-toggler {display: block !important;}
}

Kind regards Claire :-)

0