Image banner does not resize on Dawn Theme

Solved
apbecerra
Excursionist
14 0 5

I added an image on my homepage (www.cletoelinfluencer.com) and it won´t resize on mobile. I read all articles on the discussion board and none of the solutions work. Can someone help?

Accepted Solution (1)
webwondersco
Shopify Partner
476 78 83

This is an accepted solution.

Okay got it. Please add the below line of CSS code at the end of your base.css file.

 

@media(max-width:749px){
body .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media{
height:23rem;
}
}

 

Hope this will work for you.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂

View solution in original post

Replies 5 (5)
ShishirHelps
Shopify Partner
21 1 2

Hi Apbecerra
It's not your Image problem. This is your jdgm-carousel testimonial section problem, in which you used the app. {Display: none } If you cheScreenshot_7.pngck, you can find it. 

Check your Judge me Product Reviews app. I think you can fix it.

if you can't fix it you can contact me in my inbox.

Thanks
Shishir

- I'm Shishir Hasan | Shopify Website Developer | Expert at Shopify Store Development.
- Need a Shopify developer?

Chat on WhatsApp and Work with Upwork


- If this solves the problem, please don't forget to Mark it as Solution!
webwondersco
Shopify Partner
476 78 83

@apbecerra , I have checked and your image working fine on mobile devices.

 

Could you share a screenshot of the issue you are facing?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
apbecerra
Excursionist
14 0 5

Attached screen shot, image is cut from the sides.

IMG_7719.png

webwondersco
Shopify Partner
476 78 83

This is an accepted solution.

Okay got it. Please add the below line of CSS code at the end of your base.css file.

 

@media(max-width:749px){
body .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media{
height:23rem;
}
}

 

Hope this will work for you.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
apbecerra
Excursionist
14 0 5

Thank you that worked. Although do you know if there is a way to resize it in a way it looks better? For example, moving the images up and the font down so that it does not look as small. I send you a screen shot of how it looks now and how a competitor looks when you look at it mobile.