Jump to content

Grid Overlay on computer and Simpel on cell phone. HOW?

Recommended Posts

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

Hi!
How do I get the Grid to stay being Overlay on the computer website but to be Grid Simpel on the cell phone whebsite?
When you hover over with the mouse the text shows but on the cell phone I need the text to be there all ready.
But it get change on both places if I change one of them.
How can I have computer and Cell phon page to be different?

First picture, like I want it to be on the cell phone page.
Second picture is how I want to have it on computer page and when you hover over the pic the text shows. 

Best regards!

Screenshot 2022-01-01 at 18.29.04.png

Screenshot 2022-01-01 at 18.30.04.png

Link to comment
  • Replies 7
  • Views 723
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Add the following to Design > Custom CSS.

@media only screen and ( pointer : coarse ) and ( max-width : 1024px ),
screen and ( max-width : 799px )

  {
  
    .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item .portfolio-text {
    
      opacity : 1;
      
      }
      
    .portfolio-grid-overlay .portfolio-title {
    
      line-height : unset;
      
      }
      
    }

This is for v7.1.

Let us know how it goes.

Edited by creedon
version 2

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Hi!
Thank´s for your respond. 
It´s almost right:

Pic Nr:
1. shows how it look´s on the Edit page: The text of the pic´s looks good, the text of my profession´s looks good, My name is to big, how do I make it smaller?
2. Shows how it looks on my cell phone website after I have saved the changes: The text on the pic´s is not visible? Why is that?

Best regards!

/Axel

IMG_5521.PNG

Screenshot 2022-01-02 at 10.56.01.png

Screenshot 2022-01-02 at 10.59.10.png

IMG_5523.PNG

Link to comment

I have updated my code post.

I've noticed another issue that is causing problems. The line height for some text has been set to zero somewhere and it is causing text to overlap. This needs to be fixed before addressing any other font issues. Please see Changing fonts.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.