Image & Text : Title Above Image on homepage

Technical Q&A
1

Hello, for my mobile version shop www.cartoontoi.fr I would like to :

  • Put the title above the image.
  • Put text with button below the image.

I use DEBUT theme
So I added this code on theme.css
@media screen and (max-width: 768px) {
.feature-row__item {
order: 2;
}
.feature-row__item.feature-row__text {
order: 1;
}
}

But all the text (with title) go above the image and it makes the button looking weird.

How can I do to just have the Title above ?

Capture d’écran 2022-11-09 à 10.39.29 copy.jpg
Capture d’écran 2022-11-09 à 10.39.29 copy.jpg732×1102 114 KB

2

Hello @Goldberg94 ,

You need to add one more heading above the image and hide it to desktop and show this heading on mobile view.
And Hide bottom heading on mobile view.

3

How can I do that ?

1 Like
4

@Goldberg94

yes, please try this code

@media screen and (max-width: 768px) {
.feature-row__item {
order: 2;
}
.feature-row__item.feature-row__text {order: 1;padding-bottom: 30px;}
}
5

Thanks ! But I just want the title go above the image, then the text with button, below the image.
Is it possible?

6

Thanks ! But I just want the title go above the image, then the text with button, below the image.
Is it possible?