Text and Image Alignment

Dineosaur
New Member
9 0 0

Hi Guys,

 

I'm trying to align the text and image at the top of my about us page so the top image is to the right and the text is on the left, and the image at the bottom to the left so the text is to the right.

 

Is this possible? When I try using the inbuilt alignment it doesn't change anything.

 

https://dineosaur.co.uk/pages/about-us

Thank you in advance!

Daisy 

0 Likes
renus
Shopify Partner
167 15 27

Use HTML code

 

<div class="desktop-6 tablet-6 mobile-2">

 text here---------------------->

</div>

<div class="desktop-6 tablet-6 mobile-2">

use image html here--------------------------->

</div>

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
khilan
Explorer
169 10 21

hi @Dineosaur 

i can solve your problem.

please change this code .

Use HTML code

 

<div class="desktop-6 tablet-6 mobile-2">

 text here---------------------->

</div>

<div class="desktop-6 tablet-6 mobile-2">

use image html here--------------------------->

</div>

thank you so much ...

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
0 Likes
Dineosaur
New Member
9 0 0
Thank you both! This sort of worked but it’s still looking out of whack and hasn’t worked at all on Mobile.


This is desktop:



This is mobile:





Any ideas?



Thank you




0 Likes
renus
Shopify Partner
167 15 27

Apply code and share URL might be need to add extra css  for media query thn this will sort out

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
Dineosaur
New Member
9 0 0

Hi Renus,

Code applied and here is the URL: https://dineosaur.co.uk/pages/about-us

Ideally looking for each block of text to be in line with each photo.

The page format in it's current state doesn't work at all on mobile either sadly. Really hoped to replicate the same layout as you would see on desktop here.

Any further help would be really appreciated as I can seem to figure out how to fix these issues.

Thanks,

Daisy

 

 

0 Likes