How to add texts at top of multi row row

[NOT1]

How can i put the texts buttons etc (all which are under the image) at top like this :

[websensepro]

Hi @NOT1 , kindly share the URL of the specific page of your site where this button exist. Thanks!

[Made4uo-Ribe]

Hi @NOT1

Would you mind sharing your store URL? Thanks!

[NOT1]

…

[NOT1]

…

[websensepro]

@NOT1 , can you also give me the link of specific page where these buttons exist? Thanks!

[NOT1]

its on my home page just before the footer

[websensepro]

@NOT1 try the below code:

It is currently showing in grey color because it is a disabled button.

[NOT1]

Hey i think there is a misunderstanding I want everything like the text buttons etc all above the image on mobile like this

[Made4uo-Ribe]

Thanks for the info, this is only on the mobile sreen right?

if it is 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 only screen and (max-width: 749px) {
    .image-with-text__text-item.grid__item {
        position: absolute;
        top: 0;
        z-index: 10;
        padding: 0 20px;
    }

    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse {
        position: relative;
    }
}

And Sve.

result:

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

[NOT1]

Hey thanks but I want it above the image not in the image thanks

[websensepro]

@NOT1 , try the below:

[NOT1]

Thanks

[websensepro]

No worries. Glad it worked!