Jump to content

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

Recommended Posts

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

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

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 best , and see my profile. Thanks for your support!

Link to comment

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!



Screenshot 2022-01-02 at 10.56.01.png

Screenshot 2022-01-02 at 10.59.10.png


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.