Jump to content

tuanphan

Circle Member
  • Posts

    65,544
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Can you take screenshot? Did you solve?
  2. /* Nav item hover color - underline */ .header-nav-item a:hover { color: violet; } Reference (nav hover color code for all templates 7.0 & 7.1): https://beaverhero.com/squarespace-navigation-links/
  3. Home > Settings > Advanced > Code Injection > Paste GG code to Header
  4. replace #cart with .collection-type-blog.view-item
  5. @erin3 Your site is private. Please setup password & share url
  6. @marmar try adding .BlogItem to before .BlogItem .sqs-block-content a { font-weight: bold; border-bottom-width: 3px !important; }
  7. Add to Home > Design > Custom CSS .main-nav a[href="/donate"] { background: darkgray; padding: 5px 10px !important; border: none !important; color: white; }
  8. Add to Home > Design > Custom CSS .markdown-block a { color: green !important; }
  9. You inserted this code in Header, remove it /* Remove nav desktop */ div#headerNav { display: none !important; }
  10. Try this code /* Remove nav desktop */ .homepage div#headerNav { display: none !important; } /* Remove nav mobile */ .homepage .mobile-nav-toggle { display: none; }
  11. Add my code in HOME > DESIGN > CUSTOM CSS Do not edit anything in the code I sent
  12. @maygenhiser Add to Home > Design > Custom CSS .yui3-squarespacecalendar .flyoutitemlist { background: #fff; }
  13. @Colandovision Add to Home > Design > Custom CSS /* Remove nav desktop */ div#headerNav { display: none !important; } /* Remove nav mobile */ .mobile-nav-toggle { display: none; }
  14. If you don't share link, it is difficult. @SarahElizah
  15. @SarahElizah Can you share link to your site?
  16. Add to Home > Design > Custom CSS /* Mobile */ @media screen and (max-width:640px) { td.has-event { background: gold !important; } td.has-event * { color: white !important; } } I think gold on desktop isn't good....
  17. @caro426 Add to Home > Design > Custom CSS div#mobileMenuLink a:before { content: ""; background-image: url(https://image.flaticon.com/icons/svg/1279/1279537.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 30px; height: 30px; display: inline-block; visibility: visible; } #mobileMenuLink a { visibility: hidden; } Replace https...svg to icon you want. Reference: https://beaverhero.com/wells-squarespace/#Change_Menu_to_Hamburger_Icon
  18. Did you solve? If nav has only 2 items, you can disable mobile menu, replace with desktop menu
×
×
  • 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.