Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Posts

    32,714
  • Joined

  • Last visited

  • Days Won

    330

Everything posted by tuanphan

  1. Hi, You can set fixed height for typing text on mobile, add this to Design > Custom CSS @media screen and (max-width:767px) { div#block-73cfdd2186fd85f224e1 h1 { height: 100px !important; } }
  2. Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('div#block-yui_3_17_2_1_1632335709276_4481').appendTo('.header-display-mobile'); }); </script> <style> .header-display-mobile input { padding: 10px 20px !important; position: relative; left: -50px; } html, body {overflow-x:hidden;} </style>
  3. I think sticky won't work, try fixed header.Header.Header--top { position: fixed; top: 0; z-index: 999; left: 0; width: 100%; }
  4. Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5fa4db1fa27e0764adf5a839 { position: relative; top: -50px; } }
  5. Hi, Can you share link to your site? Maybe different template needs different code
  6. Add to Last Line in Settings > Advanced > Code injection > Footer <script> $(document).ready(function() { $('body#collection-5eb577db476d335a0f3fcddf a.portfolio-hover-item').removeAttr('href'); }); </script>
  7. /* Portfolio image hover */ div#page-54a6b53ae4b0c309d017f70d { figcaption.image-caption-wrapper { max-height: unset !important; height: 100% !important; display: flex; justify-content: center; align-items: center; pointer-events: none; /* enable click */ } .image-caption p { margin: 0 !important; font-size: 50px !important; font-family: monospace; } } Use this code /* Portfolio image hover */ div#page-54a6b53ae4b0c309d017f70d { figcaption.image-caption-wrapper { max-height: unset !important; height: 100% !important; display: flex; justify-content: center; align-items: center; pointer-events: none; /* enable click */ } .image-caption p { margin: 0 !important; font-size: 50px !important; font-family: monospace; } }
  8. Remove above code & use this new code from (Michael from squarewebsite dot org) @media (max-width: 576px) { .gallery-strips .gallery-strips-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0 5px; } .gallery-strips-item-wrapper { height: auto!important; } .gallery-strips-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 5px!important; box-sizing: border-box; } .gallery-strips .gallery-strips-item img { height: 100%!important; width: 100%!important; } }
  9. You can add Spacer Blocks to create padding
  10. Can you share link to a product? We can check easier
  11. Use this /* Form */ div.form-block * { font-family: 'Barlow' !important; } /* hi Im brooks */ div#block-58de8ab03c2d64a29418 .image-title p { font-family: 'Barlow' !important; } /* blog date */ .entry-dateline-link { font-family: 'Barlow' !important; }
  12. The plugin won't require to active Dev Mode. You can see this plugin.
  13. Can you check password again? It seems incorrect
  14. Add to Design > Custom CSS .header-display-desktop, .header-title-nav-wrapper {flex-direction: row-reverse;text-align: right;} html, body { overflow-x: hidden; }
  15. Try adding this to Design > Custom CSS div#headerWrapper { position: absolute !important; top: 0; left: 0; right: 0; padding-top: 60px; padding-left: 60px; padding-right: 60px; } div#pageWrapper { margin-top: 115px; }
  16. You can add a new standard page >> Add Summary Block to pull blog posts, to make it become "blog page". Then you can add any sections on this page.
  17. Can you add some demo captions & enable Gallery caption first? We can check effect easier.
  18. Add to Design > Custom CSS @media screen and (max-width:900px) { .collection-type-gallery #slideshowWrapper .image-description { display: block !important; position: static !important; } }
  19. If you want it works on all pages, use this new code /* Mobile show fallback image */ @media screen and (max-width:767px) { .sqs-video-background-native__video-player.video-player { display: none !important; } .section-background img { opacity: 1 !important; } }
  20. You mean gallery on this page? It looks fine to me https://disc-chameleon-kpxc.squarespace.com/collections It looks like you solved? Do you need to reduce top/bottom white spacing on mobile?
×
×
  • Create New...