How can I position text above photos on mobile version in Debut theme?

Store Design
1

hello, how I can move my text above the photo? (ONLY ON THE MOBILE VERSION) Desktop version everything is ok. (THEME - Debut)

Mariuzas_1-1653913477984.png
Mariuzas_1-1653913477984.png771×824 43.7 KB

1 Like
2

Hello There,

Please share your page store URL and Password.
So that I will check and let you know the exact solution here.

1 Like
3

https://kvapis.lt/password
password - marius

1 Like
4

https://kvapis.lt/password
password - marius

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width:768px){
div#shopify-section-feature-row {
position: relative;
}
.feature-row__item.feature-row__text.feature-row__text--left {
position: absolute;
top: -38px;
left: 24px;
}
}

Screenshot :- https://prnt.sc/KDldgXEHivat

1 Like
6

it works! and maybe it’s possible to align-center this text? (ONLY MOBILE)

1 Like
7

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width:768px){
div#shopify-section-feature-row {
position: relative;
}
.feature-row__item.feature-row__text.feature-row__text--left {
position: absolute;
top: -38px;
text-align: center;
}
}
1 Like
8

perfect! and how to do with the

Mariuzas_0-1653915691731.png
Mariuzas_0-1653915691731.png664×772 150 KB

second photo the same thing?

1 Like
9

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width:768px){
div#shopify-section-1653915432cf293b55 {
position: relative;
}
.feature-row__item.feature-row__text.feature-row__text--right {
position: absolute;
top: -40px;
text-align: center;
}
}

Screenshot :- https://img001.prntscr.com/file/img001/xXEa_8CNTd-lVU5-_UR6YA.png

1 Like