Brooklyn Hero Banner

Slick
Tourist
11 0 6

Hi everyone,

 

does anyone know how to move the Hero Banner Text further left aligned and so its underneath each other? eg below

DESIGN.
PRINT.
CREATE.

then a button

 

TIA

0 Likes
dmwwebartisan
Shopify Partner
4358 977 1244

@Slick 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Slick
Tourist
11 0 6

@dmwwebartisan 

www.slickgraphics.com.au

banner on there at the moment is the old one, until I know how to move wording 

thank you

dmwwebartisan
Shopify Partner
4358 977 1244

@Slick 

Do you want text like that for desktop view or mobile view?

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4358 977 1244

@Slick 

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

#HeroWrapper-slideshow .slide--slideshow-0 .hero__text-wrap{
text-align: left !important;
}
.hero__slide .hero__title, .hero--adapt .hero__title{
word-spacing: 9999px;
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Slick
Tourist
11 0 6

@dmwwebartisan 

 

thank you so much, are you able to look now for me, I have changed it with your code, but hoping to move further left ? guessing that's the whole sites margin?

www.slickgraphics.com.au

dmwwebartisan
Shopify Partner
4358 977 1244

@Slick 

Please use the following code.

.hero__text-align.wrapper {
    max-width: unset;
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Slick
Tourist
11 0 6

@dmwwebartisan 

 

Thank you so much! Is there a way to have a different hero banner for mobile viewing?

dmwwebartisan
Shopify Partner
4358 977 1244

@Slick 

Do you want a different banner image for mobile?

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Slick
Tourist
11 0 6

@dmwwebartisan 

if possible yes, as the desktop one doesn't work very well on mobile.

TIA