Content Container Placement

Store Design
,
1

Hey, i got a Content Container here but obv. i need to change the position of it on mobile.

Can someone please help me with code i can move the container to right and up.

noah12x2_0-1726960406051.png
noah12x2_0-1726960406051.png541×210 34.4 KB

https://y5u1qmxt23vq9vd6-85421687108.shopifypreview.com
burtah

1 Like
2

Hi @noah12x2 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

BSSCommerceB2B_0-1726969672385.png
BSSCommerceB2B_0-1726969672385.png400×195 26.3 KB

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

@media screen and (max-width: 767px) {
  .banner__media.media.scroll-trigger.animate--fade-in img {
    object-fit: fill !important;
  }
  .banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient {
    position: static !important;
    margin-left: 200px !important;
  }
}

Step 3: Save and reload home page.

=>> The result:

BSSCommerceB2B_2-1726969692746.png
BSSCommerceB2B_2-1726969692746.png604×932 134 KB

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

3

Problem is that now the banner is stretched somehow

4

and can i somehow change the measurements of the text field so the lines are longer?

5

Ok this is fixed, but unluckily the container placement only works for color scheme 1 but dunno why