How can I centralize a button in the Debut theme?

Hello,

I have searched the forum for a response to my question but haven’t been able to find one, hoping someone here can help.

Please would someone be able to help me centralise this button to the middle of the site wide image?

And also to remove the white line above this?

Thanks

1 Like

@mbhlg

Please share your store URL.

Hi @dmwwebartisan thanks! I’ve dropped you a message

1 Like

@mbhlg

Could you tell me what you needed because I checked on the slider shop now button is vertically and horizontally center.

@dmwwebartisan Apologies - this is only in mobile view it’s not central

1 Like

@mbhlg

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
#shopify-section-1622220477d4d6428a .hero__inner .page-width{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }
 }

Hope this works.

Thanks!

1 Like

Brilliant, thank you!

1 Like