How to optimize banner size for desktop and mobile?

Solved
KetanKumar
Shopify Partner
15776 1752 5819

@WMComics 

Thanks for store URL sorry but i can't see any issue at home 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
alaaglam
Tourist
8 0 3

Hi Ketan, this still hasn't solved the problem. Can you please check on whether I have pasted this correctly? I put it at the bottom of the Assets > theme.css file

0 Likes
alaaglam
Tourist
8 0 3

This has now been resolved - thank you so much Ketan!

KetanKumar
Shopify Partner
15776 1752 5819

@alaaglam 

it's my pleasure to help us

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
15776 1752 5819

@RawMetalDesigns 

Thanks for confirming can you please try this 

@media only screen and (max-width: 749px) {
#shopify-section-hero .hero--medium {
    height: 110px;
}
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RawMetalDesigns
Tourist
3 0 2

@KetanKumar 

That worked GREAT! Thank you so much!

 

Thanks, Scott

0 Likes
WMComics
Tourist
7 0 3

@KetanKumarIt's not on the home page, we are trying to stop all slideshow/banner images on our site from getting cropped when in mobile mode. This is most apparent on the collection pages (visible in the screenshot images I sent).

0 Likes
WMComics
Tourist
7 0 3

@KetanKumaris there a code that can be applied to remove cropping of the mobile banners across the entire site?

KetanKumar
Shopify Partner
15776 1752 5819

@WMComics 

can you please share your store url.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
WMComics
Tourist
7 0 3

@KetanKumarour url is https://wickedmonkey.co/

Here are screenshots of the banner image getting cropped in mobile mode and desktop mode. We want to disable image cropping across the entire site. Thank you for your help.

desktop banner.JPG

mobile banner.JPG

  

0 Likes