Jump to content

Katjar

Member
  • Posts

    4
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Katjar's Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. I used Squarestylist's tutorial here: https://www.squarestylist.com/blog/secondary-navigation I got the spacing figured out, but now when it looks fine on home page, but when you click any subpage, two of the menu items disappear. Footer code injection: <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $(".header-display-desktop .header-nav-item:nth-child(n+3)") .prependTo (".header-actions--right"); }); </script> CSS: .header-actions .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ } .header-nav-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end !important; -ms-flex-pack:end !important; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ } } .header-actions--right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .header-actions .header-nav-item { padding-right:2.1vw !important;//change as needed } .header-nav-list { display:flex; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; //change as needed } } .header-actions--right { display:flex; justify-content:space-between; } .header-display-mobile .header-nav-item.header-nav-item--collection { display:none; }
  2. Hi, I custom coded the menu of this webpage (lizdornian.com) to appear on either side of the centered logo. It looks fine on the home page, but when you click any of the subpages, the two items to the right of the logo disappear. Anyone know how to fix that? Kathlyn
  3. www.lizdornian.com Does anyone know the custom css to fix these menu items so they're spaced evenly on either side of the logo?
×
×
  • 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.