Section Position

Store Design
, , , ,
1

Hi,

I want to adjust the position of the red marked area in the picture named “New” to look like the one in the picture named “Old”. I don’t want to copy the themse stype, colors, font or any other things, just the position.

The theme in the “new” picture can be previews here: https://7yjwbi22fenn4brv-63803556061.shopifypreview.com

The theme in the “Old” picture can be viewed here: https://fjallochfena.se/products/fiskladan.

The pictures:

“OLD”:

Old.jpg
Old.jpg1874×677 87.8 KB

“New”:

New.jpg
New.jpg1913×868 86.8 KB

2

Hello @Aiham , You need to just do some changes in css.

.field {

  1. position: relative;
  2. width: 100%;
  3. display: flex;
  4. transition: box-shadow var(–duration-short) ease;
  5. flex-direction: column;

}

Screenshot from 2024-06-04 19-11-05.png
Screenshot from 2024-06-04 19-11-05.png1834×920 139 KB

See the above-highlighted section and its class, You just have to put “flex-direction: column”. and put colors, fonts, spacing as per your requirements.
If still you have any issues or doubt then surely message me for further assistance.
Thank you ! Have a great day ahead !

3

Right on point. Worked perfect. Thank you very much.

4

You’re welcome! If you need anything further and want to do requirements for some other custom then surely message me.

Thanks, Have a great day!