Jump to content

adjust portfolio hover font in 7.1 mobile

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://sepia-butterfly-e3x7.squarespace.com/

I'm working through adjusting the mobile style settings for my new site but keep running into areas in 7.1 that don't seem to be adjustable without custom code. Does anyone know how I can adjust the size of the hover text in the portfolio when in mobile?

Looks great on desktop but get's really large in mobile. Hoping for some CSS that can let me control that sizing. Desktop and Mobile screen captures attached.

Thanks for your help!


Password: 1234

Screen Shot 2020-03-16 at 6.30.45 PM.png

Screen Shot 2020-03-19 at 10.09.24 AM.png

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

Top Posters In This Topic

  • 1 year later...
On 2/16/2022 at 9:47 PM, sharine said:

I've been having difficulty with this code on my site. https://auralalterities.com (it's the page right after you click 'enter')

You mean portfolio item titles? Add this CSS

@media screen and (max-width:767px) {
span.portfolio-hover-item-content {
    font-size: 18px;


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.