Section Position

Solved

Section Position

Aiham
Excursionist
19 0 6

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

 

"New":

New.jpg

Accepted Solution (1)

Darshanp712
Shopify Partner
138 21 19

This is an accepted solution.

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
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 ! 
Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.

View solution in original post

Replies 3 (3)

Darshanp712
Shopify Partner
138 21 19

This is an accepted solution.

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
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 ! 
Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.
Aiham
Excursionist
19 0 6

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

Darshanp712
Shopify Partner
138 21 19

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!

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.