Solved

Dawn Theme for Mobile: Sections Image Banner Content/ Button Placement

Bossify
Shopify Partner
3 0 1

Hi, I would like to customize the content and button position on image banner for the dawn theme to bottom left on mobile. How can this be achieved? 

thanks! 

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1002 1143

This is an accepted solution.

Hi @Bossify,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
	.banner .banner__content {
		align-items: flex-end !important;
		justify-content: start !important;
	}
	.banner .banner__box {
		text-align: left !important;
		align-items: start !important;
	}
	.banner .banner__buttons {
		justify-content: start !important;
	}
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 6 (6)

PageFly-Victor
Shopify Partner
7865 1785 3067

hi @Bossify 

This is PageFly - Free Landing Page Builder

 

This can be achieve by using custom css code. Please help me by share your site URL and password if password protected. I will give you a code and where to place it

 

Hope this helps. 

Best regards,

PageFly

Bossify
Shopify Partner
3 0 1
PageFly-Victor
Shopify Partner
7865 1785 3067

hi @Bossify 
Can you check the password? is there something wrong? thank you

PageFly_0-1663557296908.png

 

LitExtension
Shopify Partner
4860 1002 1143

This is an accepted solution.

Hi @Bossify,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
	.banner .banner__content {
		align-items: flex-end !important;
		justify-content: start !important;
	}
	.banner .banner__box {
		text-align: left !important;
		align-items: start !important;
	}
	.banner .banner__buttons {
		justify-content: start !important;
	}
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Bossify
Shopify Partner
3 0 1

Holy sh**! It works! Thank you!!!

Bluemoonandco
Visitor
1 0 0

how do i make the lines in the descriptions closer together