Applying a 50/50 column split for side by side content block.

Solved
heyspang
Tourist
25 0 3

How do I make the image and text 50% of the page width each on the full screen view so that the layout doesn't have heaps of white space? 

Current:

heyspang_0-1627880186728.png

 

What I want it to look like: 

 

heyspang_1-1627880227395.png

 

 

https://92o2k3pjcmv4k88k-51034554559.shopifypreview.com/ 

 

 

0 Likes

@heyspang 
I can't see these images in your store.
can you tell me in which section is these images are aligned.
thank you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
heyspang
Tourist
25 0 3

Hey sorry they are on the our people, our community and our why pages. 

Can you see them? https://maryandmason.co.nz/pages/our-people 

The image with the dog is an example of what I want it to look like from another website

0 Likes
Natztech
Shopify Partner
1891 492 1172

Hello @heyspang 

Can you please share your page url 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
Natztech
Shopify Partner
1891 492 1172

This is an accepted solution.

hello @heyspang 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.prestige--v4  .FeatureText__ContentWrapper .FeatureText__Content {
    max-width: 100%;
}
.prestige--v4  .FeatureText__ContentWrapper .SectionHeader__Description.Rte{
	    max-width: 100%;
}
.prestige--v4  .FeatureText__ImageWrapper .AspectRatio{
	    max-width: 100% !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes