Jump to content

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

Recommended Posts

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;
    }
}

image.thumb.png.766a97138e20b408af8e9007ce4d2d99.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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%);
    }
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.