Mobile Header Image Resized

Site URL: https://www.indyccc.org/crucial-conversations

Hello, 

I am trying to resize the top image on this page https://www.indyccc.org/crucial-conversations to fit on mobile. What code would I need to do this?

Thank you.

15 hours ago, ashinteractive said:

Site URL: https://www.indyccc.org/crucial-conversations

Hello, 

I am trying to resize the top image on this page https://www.indyccc.org/crucial-conversations to fit on mobile. What code would I need to do this?

Thank you

Add to Design > Custom CSS

/*Crucial conversations resize image */
@media screen and (max-width:768px) {
body#collection-6037ddaaf56f8572f46d79c7 {
.banner-thumbnail-wrapper.has-description figure img {
    width: 100% !important;
    height: auto !important;
    left: -20px !important;
}
.banner-thumbnail-wrapper.has-description {
    height: 180px !important;
}}
}

On 5/26/2021 at 5:43 AM, tuanphan said:

Add to Design > Custom CSS

/*Crucial conversations resize image */
@media screen and (max-width:768px) {
body#collection-6037ddaaf56f8572f46d79c7 {
.banner-thumbnail-wrapper.has-description figure img {
    width: 100% !important;
    height: auto !important;
    left: -20px !important;
}
.banner-thumbnail-wrapper.has-description {
    height: 180px !important;
}}
}

 

Plugged it in and we're good to go! Thank you so much for your help! 

On 6/2/2021 at 2:46 AM, ashinteractive said:

Plugged it in and we're good to go! Thank you so much for your help! 

Do you want to solve these?

Site URL – https://www.indyccc.org/

1. (Tablet-Homepage) Make phone number same line?

2. (Mobile-Homepage) Make phone number new line?