I need a little help resizing something in the mobile footer please :-)

Site URL: http://www.magicalsantaletters.ie

Hi 🙂

I want to resize the 'follow us on instagram' image block on mobile only. Is this possible with css?

It's perfect on desktop but smaller on mobile so I was hoping to make it a little bigger!

I've looked everywhere but haven't hit on anything yet.

my website is http://www.magicalsantaletters.ie and my password is 1

Thank you kindly,

- Aoife

10 minutes ago, Aoifebr1 said:

Site URL: http://www.magicalsantaletters.ie

Hi 🙂

I want to resize the 'follow us on instagram' image block on mobile only. Is this possible with css?

It's perfect on desktop but smaller on mobile so I was hoping to make it a little bigger!

I've looked everywhere but haven't hit on anything yet.

my website is http://www.magicalsantaletters.ie and my password is 1

Thank you kindly,

- Aoife

Is 100% width helps

@media only screen and (max-width: 600px) {
    section[data-section-id="5fa7e44b099a931d36e613d9"] .sqs-layout .sqs-gallery-design-grid-slide {
      width: 100% !important;
    }
}

Will this resize the text 'follow us on instagram' text above the instagram feed?

Sorry if I didn't explain correctly!

3 minutes ago, Aoifebr1 said:

Will this resize the text 'follow us on instagram' text above the instagram feed?

Sorry if I didn't explain correctly!

So you want increase text not image?

10 minutes ago, Aoifebr1 said:

Will this resize the text 'follow us on instagram' text above the instagram feed?

Sorry if I didn't explain correctly!

Replace code above to restore image to 2 colum and increase the title

@media only screen and (max-width: 600px) {
    #block-yui_3_17_2_1_1604847453676_12852 .sqs-block-image-figure > div {
        position: relative;
        width: 450px;
        max-width: 855.0px;
    }
}
@media only screen and (max-width: 450px) {
    #block-yui_3_17_2_1_1604847453676_12852 .sqs-block-image-figure > div {
        position: relative;
        left: 50%;
       transform: translateX(-50%);
    }
}

Worked 🙂