Align section for every dektop

MT27
Pathfinder
148 6 10

Hi for some reason when the screen gets bigger the section I have circled in red (multicolumn) moves to the right, can you please help me align it under text like on the laptop for all screen sizes? Thank you

Pass: biangu

Url: www.matibrnd.com

MT27_0-1712158203676.jpeg

 

 

Replies 2 (2)

EBOOST
Shopify Partner
873 235 263

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: 849px){
  #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .grid__item {
    margin-left: 0;
    margin-right: auto;
    flex: 0 0 calc(55% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: none;
    width: auto;
  }
  #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .collapsible-content-wrapper-narrow {
    max-width: 140rem !important;
    padding: 0 1.5rem!important;
  }
}
@media(min-width: 1024px){ 
  #shopify-section-template--18467719414027__a8bd6c37-7476-45f3-b13e-29110c105a73 .collapsible-content-wrapper-narrow {
    max-width: 140rem !important;
    padding: 0 5rem!important;
  }
}
Hope can help

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

https://www.eboosttech.net

EBOOST
DONATE ❤❤
MT27
Pathfinder
148 6 10

it destroyed the bg screen,

 

MT27_0-1712238217024.png