How to expand image at section "mobile view" (VENTURE THEME)

JLbyone
Explorer
190 19 41

Hi there, in advance thanks to everyone, how can i make that image bigger and remove white space with borders page.

And the text, want to make same style font and color than desktop view, but make it bigger in mobile view 

editsectionmobile1.jpg

 

 

0 Likes
JLbyone
Explorer
190 19 41

anyone?

0 Likes
JLbyone
Explorer
190 19 41

@DeepCode we can discuss it here better!

@DeepCode wrote:

one problem solved

 

 

@media only screen and (max-width: 749px) {

    .section-block{
        padding: 0px;
    }
    #shopify-section-image-content .image-content__text .h5 {
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        line-height: 1.2
    }
}

 

 


It's almost perfect! some space still there between borders, but looks better anyway!

sectionedit4.jpg

 

Thanks you! appreciate that so much! you're helping me a lot!!

0 Likes
@_media only screen and (max-width: 749px) {
    .section-block {
        padding:0px
    }
    .page-width{
        padding: 0;
    }
    #shopify-section-image-content .image-content__text .h5 {
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        line-height: 1.2
    }
}
Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
JLbyone
Explorer
190 19 41

@DeepCode wrote:

 

 

@_media only screen and (max-width: 749px) {
    .section-block {
        padding:0px
    }
    .page-width{
        padding: 0;
    }
    #shopify-section-image-content .image-content__text .h5 {
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        line-height: 1.2
    }
}

 

 


this code make a error page right now, i think that .page-width make that fail. Don't know if u need some part of code

TY!

0 Likes
@_media only screen and (max-width: 749px) {
    .section-block {
        padding:0px
    }
    #shopify-section-image-content .page-width{
        padding: 0;
    }
    #shopify-section-image-content .image-content__text .h5 {
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        line-height: 1.2
    }
}
Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
JLbyone
Explorer
190 19 41

I feel stupid, but it gives me an error since we added the term page-width

this is the last code which one works

@_media only screen and (max-width: 750px) {

    .section-block{
        padding: 0px;
    }
    #shopify-section-image-content .image-content__text .h5 {
        font-size: 40px;
        font-family: 'Roboto', sans-serif;
        line-height: 1.2
    }
}
0 Likes