Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Change your class name to this .header-title-logo a, .header-mobile-logo a
  2. I meant if you can add this code again, we can check problem easier If you can't add it, you try contacting Parallax code author, he should help this easier.
  3. It looks like you solved with this CSS? .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags { font-size: 0; } .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags a { font-size: 12px; }
  4. You can try this .header-title-logo { position: relative; left: -2vw; } or this code (Default is 3vw) .header-announcement-bar-wrapper { padding-left: 1vw !important; }
  5. Try this new code /* Mobile top banner */ @media screen and (max-width:767px) { body.homepage .Parallax-item:first-child img { width: 100% !important; left: 0 !important; height: auto !important; top: 10px !important; } section#home-banner { height: 180px; } div#block-yui_3_17_2_1_1655215461081_2516 { display: none; } div#page-62a74b005d5db60eca5fa90d { position: relative; top: -60px; } }
  6. Don't remove any code in your current code Add this to top of Custom CSS box .header-burger { display: block !important; }
  7. Add to Design > Custom [data-folder="root"]:before { content: ""; background-image: url(https://images.squarespace-cdn.com/content/v1/6313b633f0dd754d450d5743/1ab9011c-0bf6-4307-9eec-06288fe1a50e/rnco_capital_polpo_light_1.png?format=300w); display: block; width: 100px; height: 70px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; } CSS
  8. Don't remove any code in your current code. Add this CSS @media screen and (max-width:767px) { .fluid-engine.fe-6336c580b424b77aca8505d8 { display: block !important; } }
  9. Add this to Design > Custom CSS body:not(.header--menu-open) .header-nav-item--active>a { background-image: none !important; }
  10. Image, Videos. This is possible with Gallery Block. You can check demo https://thung.squarespace.com/gallery-masonry-video?noredirect pass: abc
  11. Hi. No way. It will sticky in its section only.
  12. You can combine them <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("div#productNav a").html(function() { return $(this).html().replace("Back to Boutique en ligne", "Retour"); }); $(".product-price").html(function() { return $(this).html().replace("from", "à partir de "); }); $(".sqs-add-to-cart-button-inner").html(function() { return $(this).html().replace("Add To Cart", "Ajouter au panier"); }); $(".quantity-label").html(function() { return $(this).html().replace("Quantity", "Quantité"); }); $(".variant-select-wrapper select").html(function() { return $(this).html().replace("Select Produit", "Sélectionner un produit"); }); $(".variant-select-wrapper select").html(function() { return $(this).html().replace("Select Taille", "Sélectionner une taille"); }); $(".back-to-top").html(function() { return $(this).html().replace("Back to Top", "Haut de Page"); }); }); </script>
  13. Ah, the code missing a dot symbol. Use this new code <style> header#header { background: #949598 !important; } a#site-title { color: white;} .header-nav-item a{ color: white;} </style>
  14. You can use this code @media only screen and (max-width: 767px) { body.homepage #gridThumbs { grid-template-columns: 1fr 1fr; } }
  15. Add to Design > Custom CSS > Then save & reload the site body.homepage main#page { max-width: 100% !important; }
  16. I see you haven't added code for 2 icons. I see 1 code only .icon[href="http://annauma.ca/home"] { background-image: url(https://static1.squarespace.com/static/62227612c34bc74d480c8bc0/t/63310644330b1d05dbb1b806/1664157252435/EN.png); background-size: cover; background-repeat: no-repeat; transform: scale(1); } Can you check it again?
  17. Your screenshot looks fine. Can you describe in more detail?
  18. Which banner are you referring to? Then we can check its code
  19. It is complex, and you won't do it yourself if you aren't good at code. I think you should use Image Blocks, then we can give some custom CSS to make image hover effect.
×
×
  • 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.