center the text on image banner

[batyaJandMore]

Hi there,

i have an issue with the text align to the center, if i do pad the mobile version is messed up.

Desktop content position is middle center

https://xfswc99ri4cf9xq3-65779892391.shopifypreview.com

thanks in advance.

[BSS-TekLabs]

Do you want like this @batyaJandMore ?

[BSSCommerce-B2B · Accepted solution]

@batyaJandMore ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid

<style>
#Banner-template--17362961793191__image_banner_BzFaJF > .banner__content {
  align-items: center!important;
}
</style>

Result:

• Desktop: 
• Mobile: 

If it helps you, please like and mark it as the solution.

Best Regards😊

[batyaJandMore]

thanksssss 🙂

[Made4uo-Ribe]

Hi @batyaJandMore 

check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.banner__box.content-container.content-container--full-width-mobile {
    align-self: center;
}

And Save.

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!