How can I center two buttons in the Debut Theme?

Store Design
1

Hi everyone,

I am using the Debut Theme and trying to centre two buttons I have added that led to collections. The buttons are under “text columns with images” and are currently sitting on the left, is it possible to have them centered under the images?

Any help with this would be greatly appreciated.

Thank you

1 Like
2

@AW3
kindly Share your Store URL.
So that we can help you to achive that.

3

https://weareharlot.co.uk/

1 Like
4

@AW3

@media only screen and (max-width: 600px) {
a.btn.btn--secondary.btn--small {
    margin: 0;
    position: absolute;
    left: 40% !important;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 10px !important;
}
}
@media only screen and (max-width: 1800px) {
a.btn.btn--secondary.btn--small {
    left: 42%n !important;
    text-align: justify;
    position: relative !important;
}
}

@AW3
Add this code in the Below of the theme.css or theme.scss file.

Thank you.

5

@AW3 kindly Add this simple code to the theme.css file.

a.btn.btn--secondary.btn--small {margin-left: 36% !important;}

Let me know if it is working or not.

6

Hi there,

They moved slightly but still aren’t centered.

Thank you