Button In Menue - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Button In Menue

thank you

thank you

General 3 years ago

hey Jooms.Team, (Happy new year and all the best!!)

do you have any documentation or link for me for: where I learn to place a Button in the menue like Template shefund or at Luxyort?

I use wayne Corp template and you can watch my tryings in the link below. the Button is titled: "Termin online buchen" Button |

The Button is on the wrong side (it has to be on the right side | right) and the menue (Kontakt leistung Über uns) is pushed away from the right place.

thank you so much for your help, Claudia

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #52003

Hi there!

You have done it quite right.

However, please remove the margin, padding of that button module and section, and increase the menu column space to fit them well.

Here is sample code for you if you want custom CSS either:

@media (min-width: 192px){
#sp-header .container {
    max-width: 100%;
}
#sp-menu1, #sp-menu2{
width: 40%;
}
#sp-logo{
width:20%;
}
#sp-menu2 .sp-column.d-flex.align-items-center {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
#sppb-addon-1641914119309 #btn-1641914119309.sppb-btn-custom, .sp-page-builder .page-content #section-id-1641914119306{
    padding: 0px !important;
}
#sppb-addon-1641914119309 #btn-1641914119309.sppb-btn-custom {
    width: 100px;
}
#sppb-addon-wrapper-1641914119309 {
    margin: 0 !important;
}
#sp-menu2 .sp-module {
    margin-left: 8px;
}
}

This code snippet will give you the following look if you like it you can use the custom code: https://prnt.sc/26cyg0s

Best Regards

0
thank you
thank you
Accepted Answer
3 years ago #52077

great! thank you so much, have a nice day,

best regards claudia

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #52186

You are always welcome :)

Have a nice day!

0