-
Posts
64,922 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
How do I add white space on mobile product page
tuanphan replied to CoralDerfurt's topic in Customize with code
Try adding this to Design > Custom CSS /* Product 2 columns mobile */ @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { grid-column-gap: 20px !important; } } -
Remove navigation bar ( except logo ) from one particular page
tuanphan replied to Pranesh's topic in Customize with code
It looks like you used this code to hide nav? <style> .header-nav [href="/about"] { display: none; } </style> <style> .header-nav [href="/trust"] { display: none; } </style> <style> .header-nav [href="our-why"] { display: none; } </style> <style> .header-nav [href="/portfolio"] { display: none; } </style> <style> .header-nav [href="/memories"] { display: none; } </style> <style> .header-nav [href="/films-1"] { display: none; } </style> <style> .header-nav [href="/our-why"] { display: none; } </style> <style> .header-nav [href="/stories"] { display: none; } </style> <style> .header-nav [href="/enquiry"] { display: none; } </style> however you can use this shorten code <style> .header-nav { display: none !important; } </style> -
Gallery Slideshow Reel: Overlay description text on the image
tuanphan replied to ysong's topic in Customize with code
Can you share link to page in screenshot? We can add code to reduce text size -
-
7.1 Gallery Image: overlay and caption on hover
tuanphan replied to maggierae's topic in Customize with code
Your site is private. You can setup password & share url again. We can check easier -
Image Block not Displaying text-on-hover properly in Mobile
tuanphan replied to NujraSingh's topic in Customize with code
The text is too long, you can consider hide text on some specific devices, or reduce number of items/row... Which screen size do you see problem? We can tweak code on these sizes. -
Index sections side-by side Brine 7.0
tuanphan replied to Elle-Harrison-Design's topic in Customize with code
The site url doesn't exist. Can you check it again? -
Try adding to Design > Custom CSS html, body {overflow-x:hidden;}
-
Videos not aligned with their text on mobile view
tuanphan replied to beef11's topic in Customize with code
Hi, Can you share link to page where you have problem? We can check easier -
It looks like you solved with this CSS/ @media screen and (max-width: 767px) { .homepage section:first-child { height:35vh !important; min-height: unset !important } #block-yui_3_17_2_1_1645037986326_7664+.sqs-row { display: flex } #block-yui_3_17_2_1_1645037986326_7664+.sqs-row .sqs-col-4 { flex: 0 0 33% } .sqs-block-button * { text-align: center !important } }
-
how to have less line breaks on mobile?
tuanphan replied to paisleysimmonssimpson's topic in Customize with code
The site is expired. You can contact SS Customer Care to extend it (free) -
You can add Lottie to Code Block in Site Footer, then we will give the code to move it into header & hide current gif header logo
-
Resizing image with another mobile friendly image
tuanphan replied to SaraCreative's topic in Customize with code
If you share link to your site, we can help easier -
The url doesn't exist. Can you check it again? https://thebrownlab.squarespace.com/team-1
-
Anchor links to new page/new section not working.
tuanphan replied to tinypops's topic in Customize with code
It looks like you fixed this? -
Can you share link to page in screenshot? We can check problem easier
-
Need help getting rid of extra space under header
tuanphan replied to rckthomer's topic in Customize with code
Did you solve it? -
Add to Design > Custom CSS .header-display-desktop { align-items: flex-end; } .header-nav-folder-content { background-color: black !important; } .header-nav-folder-content * { color: white !important; }
-
Create semi-transparent background box on image blocks?
tuanphan replied to helianthus's topic in Customize with code
Try adding to Design > Custom CSS @media screen and (min-width: 992px) { div#page-section-61e10fec1cefee1fa802b600 .image-card.sqs-dynamic-text-container { opacity: 0; } div#page-section-61e10fec1cefee1fa802b600 .sqs-block.image-block.sqs-block-image:hover .image-card.sqs-dynamic-text-container { opacity: 1; transition: .3s ease; } } -
Add to Design > Custom CSS @media screen and (max-width:767px) { .tagcloud-block ul li { margin-bottom: 0px; } }
-
Urgent: Squarespace 7.1 website mobile menu options not showing up
tuanphan replied to cruz's topic in Site Design & Styles
You have this CSS code, it make all menu mobile items white color .header-menu-nav * { color: #fff !important; } -
Slideshow Gallery Scaling (Squarespace 7.1)
tuanphan replied to jdavissm's topic in Site Design & Styles
Add to Design > Custom CSS @media screen and (max-width:640px) { section#galeria img { width: 100% !important; height: auto !important; left: 0 !important; } section#galeria { height: 250px !important; } }