Jump to content

Trescalane

Member
  • Posts

    24
  • Joined

  • Last visited

Everything posted by Trescalane

  1. Hi! I have tried various code solutions, but none have worked for me. Can someone help on how to make the custom category block I created stay fixed when it reaches the header. TIA url : https://thehouseofagness.squarespace.com/flower-box pass : 987456
  2. Hi again ^^ .. I managed to this by using summary blocks .. not exactly what I wanted but I think it works for now . thanks
  3. Hi again @Ziggy! By the way do you know how I could add text overlay on the carousel so thats visible? Thank you
  4. What's could be the best approach to display a gallery grid on desktop and scrolling images (carousel) on mobile in Squarespace? Is it possible to change this? website : https://thehouseofagness.com pass : 123456
  5. Hi! I am trying to find out how I could change the hamburger menu to a close icon when clicked? when close get back to the burger icon, this on mobile. I am using Brine template 7.0 website code : 123456 TIA
  6. Hi @tuanphan, I would like to only display the search icon and when clicking the search icon , then open the search bar.
  7. Hey @tuanphan, sorry for the delay . the site url is Site URL: https://thehouseofagness.squarespace.com/ Thank you 🙂
  8. Hi! Help on how when clicking on the search icon (Header) it doesnt navigate you to a search page but rather you can search in a box when you click on the icon like adding a search block on your page? Pass: 191222 Thanks
  9. Hi @tuanphan 🙂 The code is still there, now I disabled the announcement bar so its visible now to see it, on the store page. Thank you 🙂
  10. This is the code that I used to create the dropdown menu: <div class="navbar-categories"> <div class="dropdown-categories"> <button class="dropbtn-categories"> <i class="fa fa-bars"></i>Dropdown </button> <div class="dropdown-categories-content"> <a href="/#" class="categories-group-link"> Flower Box</a> <a href="#" class="categories-group-link"> Eternity Roses</a> <a href="#" class="categories-group-link"> Bouquets</a> <a href="#" class="categories-group-link"> Orchids</a> <a href="#" class="categories-group-link"> Gift Sets</a> <a href="#" class="categories-group-link"> Floral Deli</a> </div> </div> </div> <style> .dropdown-categories .fa-bars { padding-right:20px; } .navbar-categories { overflow: hidden; background-color:#fff; width:250px; } .navbar-categories a { float: left; font-size: 16px; color: #000; text-align: left; padding: 14px 16px; text-decoration: none; letter-spacing: 0.06rem; font-family: Futura PT; width: 250px; } .dropdown-categories { float: left; overflow: hidden; background:#fff; } .dropdown-categories .dropbtn-categories { font-size: 16px; letter-spacing: 0.06rem; border: none; outline: none; color:black; padding: 14px 60px; font-family: Futura PT; margin: 0; background:#fff!important; } /*.navbar-categories a:hover, .dropdown-categories:hover .dropbtn-categories { background:red; }*/ .dropdown-categories-content { display: none; position:relative; background-color:#fff; min-width: 160px; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.9); z-index: 100; } .dropdown-categories-content a { float: none; color: black; padding: 12px 16px; line-height: 0.1rem!important; text-decoration: none; display: block; text-align: left; padding: 14px 37px; } .dropdown-categories-content a:hover { background:#fff; color: #d4af37; } .dropdown-categories:hover .dropdown-categories-content { display: block; } </style>
  11. Hey @tuanphan, yes I did add it but it appears under the announcement bar of the left side, so when you hover the dropdown menu appears (Store page). I added the code in the Store Page Header code injection. Thank you 🙂
  12. Hi @tuanphan 🙂 I dont know if I did understand your tips, but what I did is to put the same code in the Store Page Header code injection . Now the dropdown appears on top left of screen (Store page). So whats the next move? Thank you 🙂
  13. Site URL: https://thehouseofagness.squarespace.com/ Hi! I created a custom dropdown menu in the intro section of the store page (code block). When I hover over the dropdown menu, the container (products ) below moves as the dropdown descends. I dont want the elements to move, would like to have the same affect as normal dropdown navbar. And how could I make the dropdown to appear from the left instead of droping down? any tips on how I could solve this? Thanks pass: 280822
  14. Thank you sooooo muuuuch @tuanphan for the help. I really appreciate 🙂
  15. Hi @tuanphan Thank you for your reply 🙂 I would like to move the contact us after the login link, so its between login and shopping cart.
  16. Site URL: https://thehouseofagness.squarespace.com/ Hi, I am new to this and I am using 7.0 brine template. I would like to move the Contact us link beside the shopping cart, how can I do this? Right now the link is on the secondary nav menu. pass: 220821 Thanks 🙂
  17. Site URL: https://thehouseofagness.squarespace.com/ Hi, I am new to this and I am using 7.0 brine template. I would like to move the Contact us link beside the shopping cart, how can I do this? Right now the link is on the secondary nav menu. pass: 220821 Thanks 🙂
×
×
  • 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.