Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by cdeasy

  1. Hello I have a question on the above topic of split navigation. I put this code injection into the footer: I changed layout to left nav, middle logo then added this. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.header-display-desktop nav.header-nav-list').clone().insertAfter('.header-actions.header-actions--right>.showOnMobile'); }) </script> <style> .header-display-desktop .header-actions--right .header-nav-list .header-nav-item:nth-child(-n+3) {display: none;} .header-display-desktop .header-title-nav-wrapper .header-nav-list .header-nav-item:nth-child(n+4) {display: none;} .header-nav-item:nth-child(n+4) { margin-right: 1.5vw; } </style> It works well except I have 8 pages and I would like 5 to the left and 3 on the right... when I try to change numbers in the code they disappear. My website is https://www.jennifercawley.co.uk Thank you Claire
  2. Thanks so much that worked!! Appreciate it, Claire
  3. Hello I added this code to remove the padding around the logo so it sits flush to the top. .header-announcement-bar-wrapper { padding-top: 0 !important; } it works on mobile and iPad but not on my desktop. the url is https://www.jennifercawley.co.uk Thanks Claire
  • 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.