Jump to content

Quote no centralising on mobile

Recommended Posts

Site URL: https://www.jadeeleanor.com/

Hiya, 

 

 

I have a quote on my home page that doesn't seem to centralise on the mobile version, I'm not sure why, you can't 'zoom out' of the site to see it fully either, does anyone have any idea as to why/how it can be fixed? It look pretty naff and unprofessional. It the bit that says "Relaxed. Natural. Documentary. Super Chill. Wedding Photography."

Thank you!
 
Jade 🙂
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

20 hours ago, jadeeleanor said:

I have a quote on my home page that doesn't seem to centralise on the mobile version

Hi @jadeeleanor

Try reducing the font-size of this block quote so that it fits within the viewport. You should be able to do this by adding the following to Design > Custom CSS:

#block-yui_3_17_2_1_1651006488069_459963.sqs-block-quote {
  font-size: 30px;
}

This should reduce it as follows:

image.gif.bdd195c31496e2ddee64cb8b66b46947.gif

Notes:

This is a specific solution for this site because it refers to the specific block on this page of this site. If you want to identify your own blocks you can do this using your browser tools or a third party plugin. See these guides for more details of how to do this:

How to apply CSS to one Squarespace page
In Squarespace, what are the differences between #block-yui and #yui selectors?

Did this answer help? Please give feedback by clicking an icon below  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.