Jump to content

How to customise mobile view summary block for blog excerpt only (keep other summary blocks the same)

Recommended Posts

Hi team, 

I am extremely lost here, and any help is much appreciated! 

I have two summary blocks on my home page - One for my shop, and one for my blog. 

I have customised for desktop perfectly, and I am currently formatting for mobile. 

I have used custom CSS to create 2 columns for my 'shop' summary block. That's great! 

I am now trying to use custom CSS to format 1 column only for my 'blog excerpt' summary block. I can't seem to find code to do this properly. I would like to keep the stacking of each element as it is (photo on top, with writing underneath).

I want to ensure everything within this block (including the image and all the writing) is centred across the entire mobile width. 

I have attached photos which I hope showcase what I have done and what I am working with. 

My website is currently not published so the password is currently: InterimPassword. 

 

Thank you! 

Mon

Screenshot 2024-05-01 at 2.04.40 pm.png

Screenshot 2024-05-01 at 2.05.10 pm.png

Screenshot 2024-05-01 at 2.05.35 pm.png

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Sure, sorry I thought I added it in but am not sure where that went. 

The URL is https://www.lanternfish-chicory-5hfb.squarespace.com

(sorry if the beginning part of that is incorrect). 

Thanks!

Link to comment
On 5/1/2024 at 12:00 PM, MonKinloch said:

Sure, sorry I thought I added it in but am not sure where that went. 

The URL is https://www.lanternfish-chicory-5hfb.squarespace.com

(sorry if the beginning part of that is incorrect). 

Thanks!

Your site is private, we can't access it. You can follow this to share url correct way.

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.