Section with image and content in Context theme

twillostory
Tourist
8 0 3

Hi, 

I have a full-width section with a background image and content on it (Context theme) link - https://twillostory.com and it looks weird on the mobile version.

Screenshot.png

I need to achieve exactly like this in the below screenshot from https://theinkbucket.in/.
This section has two columns with image and content and displays image first and content below on mobile version.

 Screenshot (1).png

Can someone help me with it?

Thanks

Replies 13 (13)
KetanKumar
Shopify Partner
24923 2498 9040

@twillostory 

that fine for look?

KetanKumar_0-1636222876893.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
twillostory
Tourist
8 0 3

Hi Ketan,

Firstly, thanks for taking the time to help.

I need the image needs to be full with Lil space around and content needs to be below the image for the mobile version.

An exactly needed section like this on desktop and image up and content below the image on the mobile version.Screenshot (1).png

Hope you understand

twillostory
Tourist
8 0 3

Desktop Version:

Screenshot (1).png

Mobile Version:

mobile version.png

Reference linkhttps://theinkbucket.in/

Saadat_Ali
New Member
3 0 0

So, the main problem is that there are custom style pasted in liquid which is causing this. Also image needed to be cropped in order to achieve your desired result. 

Letterset_Banner_300x.jpg

I got what you want. But it will need some custom code changes. Did you add this section from customizer or manualy coded?

twillostory
Tourist
8 0 3

Hi @Saadat_Ali 

This section automatically comes with a context theme.

They have made it a one-column section with a full background image.

 

 

Saadat_Ali
New Member
3 0 0

There will be a section with "image with text" . Check in customizer, it is what you wanted...If your theme does not support then you have to do it hard coded.  

image with text.JPG

But i think many of theme had this section.

twillostory
Tourist
8 0 3

@Saadat_Ali No it don't have that section

twillostory
Tourist
8 0 3

@KetanKumar can you please help me with this 

KetanKumar
Shopify Partner
24923 2498 9040

@twillostory 

yes please how may i help you?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing