Solved

Help align section for every desktop size

MT27
Pathfinder
148 6 10

Hi as you can see from the photo bellow the section on a bigger screen is perfect but on a small screen like a laptop the section intercross. Can you please help keep it like the big screen for every size screen? thank you

Pass: biangu

Url: www.matibrnd.com

MT27_0-1712176181921.png

 

Accepted Solution (1)

EBOOST
Shopify Partner
817 226 253

This is an accepted solution.

Hi @MT27 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/base.css
3. Add code below to end of file

@media(min-width: 759px){
	#shopify-section-template--18448488431883__image_with_text_8mt88M .image-with-text__content.image-with-text__content--top {
	  padding-bottom: 0!important;
	}
	#shopify-section-template--18448488431883__image_with_text_8mt88M .image-with-text__media {
		margin-bottom: -28%;
	}
	body #shopify-section-template--18448488431883__image_banner_JL4YDe .banner {
		margin-top: 0!important;
	}
}
Hope can help


If you find my reply helpful, please hit Like and Mark as Solution


https://www.eboosttech.net


EBOOST

View solution in original post

Reply 1 (1)

EBOOST
Shopify Partner
817 226 253

This is an accepted solution.

Hi @MT27 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/base.css
3. Add code below to end of file

@media(min-width: 759px){
	#shopify-section-template--18448488431883__image_with_text_8mt88M .image-with-text__content.image-with-text__content--top {
	  padding-bottom: 0!important;
	}
	#shopify-section-template--18448488431883__image_with_text_8mt88M .image-with-text__media {
		margin-bottom: -28%;
	}
	body #shopify-section-template--18448488431883__image_banner_JL4YDe .banner {
		margin-top: 0!important;
	}
}
Hope can help


If you find my reply helpful, please hit Like and Mark as Solution


https://www.eboosttech.net


EBOOST