-
Posts
64,861 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
How to create anchor links without code block
tuanphan replied to Danielarchdigital's topic in Code Blocks
With the List Section, it always has an ID available, so we can target it. With the Gallery Section, we can insert a Code Block into the section above it, then use CSS to push the Code Block down a bit, in place of the Gallery Section. Which section you want to add Code Block? -
Add to Design > Custom CSS @media screen and (min-width: 768px) { #footer-sections .newsletter-form-header-description p { margin-bottom: 0; } #footer-sections .newsletter-form .newsletter-form-header-description { line-height: 1em; } #footer-sections .newsletter-block .newsletter-form-fields-wrapper { margin: 0; }}
-
Chat Window issues on desktop version of Squarespace website
tuanphan replied to aseideman's topic in Customize with code
Add to Design > Custom CSS .bp-widget-widget { z-index: 9999999 !important; } -
You try changing 30vh to 35vh
-
Only home has .homepage, other pages will use random id. Can you share link to Reservations page?
-
It is fine to me. See video https://www.loom.com/share/f24635e228824de6982f14266f66a22d
-
Video detail page on mobile: Pagination crowding video description
tuanphan replied to ScoutMedia's topic in Images & Videos
Use this new code @media screen and (max-width:767px) { .lesson-details { margin-bottom: 0 !important; } .lesson-item-pagination--prev-next { padding-left: 10px; padding-right: 10px; } } -
Landscape gallery on desktop site gets cut off on mobile site
tuanphan replied to Teaoranges's topic in Mobile
Add to Design > Custom CSS @media screen and (max-width: 991px) { .gallery-fullscreen-slideshow { height:30vh !important } } -
You can add this code to Design > Custom CSS. It will force burger appear from 900px to 1200px screen sizes. You can adjust these numbers @media screen and (min-width:900px) and (max-width:1200px) { .header-burger { display: flex !important } .header--menu-open .header-menu { opacity: 1 !important; visibility: visible !important } .header-nav,.header-actions { visibility: hidden !important } }
- 3 replies
-
- design
- responsive-design
-
(and 1 more)
Tagged with:
-
Blocks keep misaligning whenever i'm on the mobile mode.
tuanphan replied to StevieXcix's topic in Pages & Content
Remove background-color from your code .header-actions-action--cart .icon { stroke: #50bdb8!important background-color:} -
Summary Block doesn't offer this feature. You will need to use a custom plugin to achieve it.
-
Add to Funnel Page Header <style> .sqs-announcement-bar-dropzone, footer.sections { display: none !important; } </style>
- 1 reply
-
- advertising
- footer
-
(and 3 more)
Tagged with:
-
How can I edit the site header block
tuanphan replied to designbymissi's topic in Site Structure & Navigation
You can access Design > Site Styles > Fonts > Then on Left (or right window) > Click on Navigation > Site Styles Panel will show box to change navigation style. -
You can add this to Settings > Developer Tools > Code Injection > Footer to prevent problem <script> window.addEventListener("load", function(){ Y.UA.ios = 0; }) </script>
-
Change category link background to different colours
tuanphan replied to Ems-H's topic in Customize with code
- 22 replies
-
Hi, What is site url?
-
Try Design > Site Styles > Disable Ajax Loading
-
Hi, Which page? We can check easier
-
Hi, What is page url? We can check easier