Section with image and content in Context theme

twillostory
Tourist
11 0 5

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
36839 3635 11972

@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
11 0 5

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
11 0 5

Desktop Version:

Screenshot (1).png

Mobile Version:

mobile version.png

Reference linkhttps://theinkbucket.in/

Saadat_Ali
Shopify Partner
10 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?

Saadat Ali | Shopify Partner | Connect Here

Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Hire me, if you want to design, re-design, develop a store, or made changes to the pre-built store.
twillostory
Tourist
11 0 5

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
Shopify Partner
10 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.

Saadat Ali | Shopify Partner | Connect Here

Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Hire me, if you want to design, re-design, develop a store, or made changes to the pre-built store.
twillostory
Tourist
11 0 5

@Saadat_Ali No it don't have that section 😞

twillostory
Tourist
11 0 5

@KetanKumar can you please help me with this 

KetanKumar
Shopify Partner
36839 3635 11972

@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
twillostory
Tourist
11 0 5

@KetanKumar I need Image with text section for context theme likewise in the below screenshots (Desktop & Mobile)

Can you please help?

Screenshot (1).png

mobile version.png

KetanKumar
Shopify Partner
36839 3635 11972

@twillostory 

sorry for your image deosn't proper

https://cdn.shopify.com/s/files/1/0593/3324/7155/files/Asset_2_4300x.jpg?v=1629614350%204300w

can you please just upload image part no blank

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
11 0 5

@KetanKumar 

I think you are not understanding, that is a full-width image section 

Screenshot: https://prnt.sc/1yztzru

KetanKumar
Shopify Partner
36839 3635 11972

@twillostory 

i know that but your image doesn't proper as per section please change different image with text section 

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