Jump to content

Resizing text & images on mobile view

Recommended Posts

Site URL: http://www.kevinthomasfilm.com



I used the code that @lu.diehl provided: 


/* mobile screens */
@media only screen and (max-width: 640px) {
  width: 50%;


But the image on the mobile is floating to the left not the centre of the image. Could you help? Or @tuanphanas you've helped me before with some codes :)) ??  Screenshots attached. 


Password: KTF


Also I would like to resize the text when scrolling right & left as on mobile not able to read the bottom text as too big. Again see photos attached. 


Password: KTF


Thank you 

Screenshot 2021-08-02 at 11.25.47.png

Screenshot 2021-08-02 at 11.25.37.png

Screenshot 2021-08-02 at 11.30.20.png

Link to comment

Add to Design > Custom CSS

/* mobile resize */
@media screen and (max-width:767px) {
/* image */
div#block-yui_3_17_2_1_1627563480786_5210 {
    width: 50%;
    margin: 0 auto;
/* pagination */
h2.item-pagination-title {
    font-size: 16px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.