How to enlarge a picture on my Contact Us page for mobile and desktop view?

Areen · ‎10-25-2021

Mobile viewDesktop view

Hi, I have added a picture on my Contact Us page. But i wonder how do i enlarge the picture to full size view from left to right in mobile and desktop view please?

My url is www.superculturekombucha.com

dmwwebartisan · ‎10-25-2021

@Areen

Please find code in your layout/theme.liquid file

  <body class="gradient">

Replace to

  <body class="gradient {{ page_title | handle }}" >

change this code and let me know .

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Areen · ‎10-25-2021

Hi DMW,

Thank you for your quick response.

I have replaced the theme liquid code, but apparently it still appears the same with no change at all.

dmwwebartisan · ‎10-25-2021

@Areen

Please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/base.css-->paste below code at the bottom of the file.

@media screen and (min-width: 750px){
.contact-us .page-width--narrow {padding: 0 12rem !important;}
.contact-us .page-width {max-width: 100% !important;margin: 0 auto;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Areen · ‎10-25-2021

Hi I have just tried it, sorry to say it isn't working too!

Do i need to remove those pasted codings though?

Thanks!

Areen · ‎10-26-2021

@KetanKumar

Hi, can you please look into this same issue as well thanks.

My URL is www.superculturekombucha.com

KetanKumar · ‎10-26-2021

@Areen

yes please confirm this look

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

Areen · ‎11-15-2021

Hi Ketan, yes! Is that the look shown on the mobile view?

Thank you!

Areen · ‎11-16-2021

Hi Ketan, can you amend to this full view of Contact Us page like what you have shown to me please.

Thanks!

KetanKumar · ‎11-16-2021

@Areen

yes please use hero banner at contact page on top of the page

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

Areen · ‎11-17-2021

@KetanKumar

Hi, i tried to find the hero banner but i didn't seem to be able to find it elsewhere.

Please guide where to find it thank you.

KetanKumar · ‎11-17-2021

@Areen

yes please flow

Theme ADmin >>> Action >>> edit code >>> section >>> hero banner

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

Areen · ‎11-17-2021

@KetanKumar

I did follow your steps and i found hero video under Section there. I still not able to find hero banner.

Please can you amend the coding for me thanks.

My url is www.superculturekombucha.com

KetanKumar · ‎11-17-2021

@Areen

yes please find slideshow 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

Areen · ‎11-17-2021

@KetanKumar

Yes i have found the slide show section, how should i add on the coding?

KetanKumar · ‎11-17-2021

@Areen

add this this code contact page

like this

https://www.youtube.com/watch?v=PBLQk51fiCw

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

How to enlarge a picture on my Contact Us page for mobile and desktop view?

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links