button in menue - Forum | JoomShaper
Solved General

button in menue

Asked by thank you 4 years ago Last activity 4 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

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago

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

2 more replies

Oldest first Newest first Most helpful
thank you Asked this
4 years ago

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

best regards claudia

Rashida Rahman Staff
4 years ago

You are always welcome :)

Have a nice day!

Log in to reply.