Solved

How can I shift text and button to the left?

ermyv
Explorer
73 0 28

Hey guys!!!

Please help move the text and the button to the left.

Thank you!

Снимок экрана 2021-10-27 в 11.43.35.png

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@ermyv 

please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.css->paste below code at the bottom of the file.

.hero__inner .page-width {
    max-width: fit-content !important;
    margin: unset !important;
}

Remove previous code and try this code 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 4 (4)

dmwwebartisan
Shopify Partner
12289 2547 3698

@ermyv 

please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.css->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.text-center .mega-subtitle {max-width: 100% !important;}
.hero__inner .text-center { text-align: left !important;}
.hero__inner .hero__btn { left: unset !important;  right: unset !important;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ermyv
Explorer
73 0 28

@dmwwebartisan 

Thanks a lot!!!! It looks great, almost the way I want it!
But I would like to keep the center alignment, it is left aligned now))

Снимок экрана 2021-10-27 в 14.55.48.png

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@ermyv 

please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.css->paste below code at the bottom of the file.

.hero__inner .page-width {
    max-width: fit-content !important;
    margin: unset !important;
}

Remove previous code and try this code 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ermyv
Explorer
73 0 28

@dmwwebartisan 

Wooow, you did what I wanted !!!! Thanks a lot!!