How can I align my image banner text to the bottom left on mobile?

Store Design
,
1

Hi! Im currently trying to move my image banner texts on mobile to bottom left side of the page. I got the text scaled down to size but unfortunately it is at the top left and not bottom left. My URL is nudehaven.myshopify.com, the pictures on there are just fillers for now until I do my campaign shoot. Let me know of any suggestions.

2

Hello @nudehaven

Once you Log in to the Admin, then process the following steps:

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

Step 2: Search the file base.css

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

@media only screen and (max-width: 767px)
{
.banner__content.banner__content--bottom-center.page-width
{
	display: flex;
    align-items: flex-end !important;
}
}

Output:

WebDeskSolution_0-1674667105708.png
WebDeskSolution_0-1674667105708.png854×1024 411 KB

If you find our reply helpful, please hit Like and Mark it as a Solution.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

3

this worked thank you!

1 Like