Button on slider is centered on desktop but not on mobile. How to center on mobile?

Shopify Discussion
1

See attached. The button is correctly centered on desktop but not on mobile. How can I get the button to be centered on mobile? It’s in a slider container.

https://bluebeardandthetoothfairy.com/

Screen Shot 2023-01-09 at 9.23.39 PM.png
Screen Shot 2023-01-09 at 9.23.39 PM.png798×918 187 KB

2

hallo @pwinarsky

This problem is coming in all sizes (desktop and mobile). I have css it below, apply it.

GO to online store > Theme > Action > edit code > Assets > base.css/custom.css

copy below code And paste code

**.slide_1{**
**align-items: center; !important**
**}**

**@media screen and (max-width: 575px){**
**.slide_1{**
**align-items: center; !important**
**justify-content:center;**
**}**
**}**
3

Hello @pwinarsky ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1673330538998.png
GemPages_0-1673330538998.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

4

Add below css to your stylesheet

#shopify-section-template--16604641231085__16425767257f007fd3.home-slideshow-section .main-slider .multiple-buttons .dt-sc-btn {
  margin-left: auto;
  margin-right: auto;
}
5

hii.. @pwinarsky

step 01:

  1. Go to your Store > Theme > click to edit code.
  2. find this file " theme.liquid " and open.
  3. Paste the below code before

note: not need to change media query css

this idea helps you

6

…