How to align the text for image banner to the bottom for mobile view only?

[marlerjake]

www.aussieicebaths.com.au

I’d like to align the view for the text in my image banner to the bottom of the image for mobile view only. how do i do this? Also, would anyone be interested in assisting me further with shopify store building related queries, I’d like to find a committed person who can help. Thanks

[Dan-From-Ryviu]

You can do that by adding CSS code at the bottom of base.css file in store admin > Sale channels > Online store > Themes > Edit code > Assets >

.banner__content {
align-items: flex-end !important; 
}

Result here

[codewiser]

Hello Marlerjake!

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 749px){
.banner .banner__content {align-items: flex-end;}
}

[Cedcommerce]

Hello @marlerjake ,

This can be achieved by customizing the settings of your theme.

Step 1: Go to Online Store → Themes → Customize.

Step 2: Go to Slideshow → Mobile Container.

Step 3: Enable “Show content below images on mobile”.

Refer to the below-attached image for more help.

image.png

Hope it helps. Let us know if you need any further help.

All the best,

CedCommerce

[CBDshoppen]

do this code also work if it is for a slideshow? cuse i want to get the text on the bottom of the image on my slideshow plz help

[Chloe_Roberts]

Hello,

Would there be a way to change the code so the text would be at the top of the image instead of at the bottom.

Thank you.