Jump to content


  • Posts

  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

76 profile views

MavisChen's Achievements

  1. Hi Experts, Here is the code I've added in the CSS for the sticky announcement bar with a sticky nav (image attached). .Header { position: fixed; z-index: 9999; width: 100%; top: 35px; } .Content-outer { margin-top: 50px; } .sqs-announcement-bar-dropzone { top: 0; position: fixed; left: 0; right: 0; z-index: 999; } span.sqs-announcement-bar-close { display: none; } .tweak-mobile-bar-top-fixed .Mobile-bar--top { top: 80px; } However, if the browser is set to smaller, the set height of the announcement bar would cut off the messages (image attached). If I change the code for the header top to bigger than 35px, then it creates a gap between the announcement bar and the nav bar. Question: Is there any way to avoid this happening? TIA
  2. Site URL: https://www.sejewellery.com/ Hello all, For my client site, I would like to have the same arrangement as the sample site, meaning adding the same products to different pages (e.g. Shop All, Necklaces, Bracelets etc.). I have tried the method of using categories with links. The problem with that is I wasn't able to customise the design on each linked page, as you can see on the sample site, each category page has its own featured image on the top. Also looking at the individual product URLs from the sample site, I assume each product is linked to the same inventory.? Could anyone help, please? TIA ☺️
  3. Hi again. I've tried the suggested method. However, I realised that as the drop-down is created by links, I won't be able to change how the page looks. For example, each drop-down page on this site has its hero image on top of the product list, and each one has its own ULR. Any idea to achieve that? TIA
  4. Ah! I see. That's very helpful. Thanks! By the way, if I start a blank Shop page, is there any way to add products from the existing inventory list (existing PDP page)?
  5. Site URL: https://www.pondlondon.com/ Hello Experts, I need help on adding a Shop-All page to the nav bar using existing product inventory. At the moment, I have Limited-Edition & Signature-Collection, I would like to add a Shop-All, and potentially a Necklaces, earrings and bracelets page etc. too. E.g.----> https://www.sejewellery.com/ Can anyone help? TIA! 🥰
  6. Hey, thanks so much! That code worked to move the links up. How can I move them to the right, so the right side of the links aligns with the right side of the cross? TIA
  7. Hello life saver, it's me again. Thanks so much for the code, they worked in terms of adjusting the space between page links. Now I would like to move them up (please see attached image as a reference), could you help me with the CSS please? Thank you so much!
  8. Hi Tuanphan, I would like to adjust the spacing (maybe to half of the current size) between those page links (image attached). What code could I add on top of the last code you helped me with? TIA. Mavis
  9. Hi Tuanphan, thanks so much for the code. On top of that, how could I include this bit of code (that you wrote on another post of mine) to hide the extra layer clicks? TIA. @media screen and (max-width:991px) { .header-menu-nav-folder { transform: unset !important; } .header-menu-controls.container.header-menu-nav-item { display: none; } [data-folder="root"]>.header-menu-nav-folder-content:first-child { display: none; }}
  10. Site URL: https://www.virginiachen.com/ Site: https://www.virginiachen.com/ Can I use svg for the top image (which says Virginia Chen on it) on this site? TIA😊
  11. Site URL: https://www.virginiachen.com/ Site: https://www.virginiachen.com/ Looking for Help on CSS: 1. A full drop down menu that covers the whole page like how a default burger works on mobile. (E.g. HERE) 2. On top of Q1, would it be possible to stylise the full-page drop down as a blur to the background effect, and have all the page links on the right hand side? 3. If all of those above possible, how do I make the design consistent on mobile? TIA! 😊
  • 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.