Change Button Position

Hello fellow Shapely users,

i have the following problem with my Shapely Installation. In desktop view, everything looks perfect, but I would like to change the button positions for the Parallax widget for viewing the website on a smartphone.

Is it somehow possible to center the buttons ?

Thank you !

Hey there

Yes, it’s possible, I can help you, please provide a link to this page

Hello, the link to the website is the following : https://www.schroeterundsohn.de/

hey there

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 991px) {
.col-md-4.col-md-offset-1.col-sm-5.col-sm-offset-1 {
text-align: center;
}
}

Thanks!
Colorlib Support Team

Hello,
first of all, thank you very much !

It helped me a lot, but 1 Button (parallax widget in the middle) is still aligned left. Can you help me move that one too ? :smiley:

Private Image for better understanding, sorry for double-posting.

Okay, i figured out how to set the buttons in the middle for the last part too. The custom CSS I used is the following:

@media (max-width: 991px) {
.col-md-4.col-md-offset-1.col-sm-5.col-sm-offset-1 {
text-align: center;
}
}

@media (max-width: 991px) {
.col-md-4.col-sm-5.mb-xs-24 {
text-align:center;
}
}

Thank you very much for your help !

Thank you too :slight_smile:

I will close this case now, Feel free to contact us again if you have other questions

Thanks!