Images cropped on desktop in Image with text, Pipeline theme,

Monika63
New Member
5 0 0

Hi there 🙂

In the image with text section all looks fine on mobile but images are being cropped on desktop. Been trying different CSS coding but can't find the right solution. Anyone here who knows what to do? Pipeline theme.

Kindest regards

Monika

Replies 5 (5)

Raj-webdesigner
Shopify Partner
250 55 60

Can You Share Site Preview Link

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


Monika63
New Member
5 0 0

I'll DM you

Monika63
New Member
5 0 0

And then if you have a solution please post it here

Raj-webdesigner
Shopify Partner
250 55 60

Add This css in your Edit Code > Theme.css File

 

 

 @media screen and (max-width:767px) {
        .image__hero__pane .object-cover{
            object-fit:fill !important;
        }
    }

 

See Solution 😆


 
Updating Media

 

 

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


Monika63
New Member
5 0 0

Unfortunately didn't work out well. That code stretched the images vertically on mobile and did nothing on desktop.