Salon Template Menu Alignment - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Salon Template Menu Alignment

J

jeroenveer

Template 4 years ago

Salon template menu alignment

Somehow our menu does not allign correct in the main menu on the left side. Is the demo it aligns to the right but on ours on the left.

how can i fix this?

https://www.bodycontourclinic.nl/

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31000

Hello there!

I have checked your site. You have nothing in the right column there:

https://prnt.sc/1qt13vc

If you don't have any plan to put anything there you may remove the column.

And if you align center everything in the header then you can use the following code n your custom CSS:

https://prnt.sc/1qt10su

#sp-header .sp-column.d-flex.align-items-center {
    justify-content: center;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31012

If you want menu1 as right aligned:

#sp-menu1 .sp-column.d-flex.align-items-center {
    justify-content: flex-end;
}

And menu2 as left aligned:

#sp-menu2 .sp-column.d-flex.align-items-center {
    justify-content: end;
}
0
J
jeroenveer
Accepted Answer
4 years ago #31037

Did the center align and looks perfect now! Thank you!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31048

Glad to know that:)

0