Content container position on mobile.

Store Design
,
1

Hey, can someone please explain me how to change the position of content container on mobile layout? (image banner on landing page)

Like change coords or something.

Appreciate your help!

1 Like
2

Hi @noah12x2

You can message me your Store URL if you dont like to share in public. If you can’t change the code by default customization then we change relocate/rearrange the content by codes. But explaining it to you will need more time and need to learn yourself how the read and write the code. Thanks!

3

Thanks for the info, check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media screen and (max-width: 749px) {
.banner__box.content-container.content-container--full-width-mobile {
    position: absolute;
    top: 20%;
}
}

And save.

Result:

Made4uoRibe_0-1726866888915.png
Made4uoRibe_0-1726866888915.png460×600 173 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!