AxelBR Posted January 1, 2022 Share Posted January 1, 2022 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! Link to comment
creedon Posted January 1, 2022 Share Posted January 1, 2022 (edited) 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 January 2, 2022 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
AxelBR Posted January 2, 2022 Author Share Posted January 2, 2022 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 Link to comment
AxelBR Posted January 2, 2022 Author Share Posted January 2, 2022 Sorry for all the Pic´s. Something got wrong. Here comes Nr 1 and 2 that I was talking about. Best regards! Link to comment
creedon Posted January 2, 2022 Share Posted January 2, 2022 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
AxelBR Posted January 2, 2022 Author Share Posted January 2, 2022 Fantastic! That solved everything! Thank´s alot! /Axel creedon 1 Link to comment
AxelBR Posted January 2, 2022 Author Share Posted January 2, 2022 The only thing that still is the problem is the text that should be fixed in the cell phone page (wish it is on the edit site but not in the real site. Link to comment
AxelBR Posted January 2, 2022 Author Share Posted January 2, 2022 Found the problem: Took away Hover on the CSS code Thank you! creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment