Brooklyn Hero Banner

[Slick]

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

[dmwwebartisan]

@Slick 

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

Thanks!

[Slick]

@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]

@Slick 

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

Thanks!

[dmwwebartisan]

@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!

[Slick]

@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]

@Slick 

Please use the following code.

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

Thanks! 

[Slick]

@dmwwebartisan 

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

[dmwwebartisan]

@Slick 

Do you want a different banner image for mobile?

Thanks!

[Slick]

@dmwwebartisan 

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

TIA