Jump to content

creativenap

Circle Member
  • Posts

    17
  • Joined

  • Last visited

Reputation Activity

  1. Love
    creativenap reacted to tuanphan in 7.1 hover/active nav links   
    Use this new code
    div.header-nav-item--active>a { color: #274061 !important; } footer.sections .html-block a:hover, .html-block a:hover, .html-block a:hover span { color: #274061 !important; }  
  2. Like
    creativenap reacted to paul2009 in How to have a text on hover on a gallery block in SQSP 7.1 ?   
    You'll find fewer and fewer new websites use hover effects; on all platforms, not just Squarespace. This is because changes in technology - the popularity of mobile devices - are reshaping the user experience. It is better not to use hover effects unless they are required for desktop visitors and you have an alternative design for your mobile users that does not rely on hover effects.
    Why? Because hover effects don't work on mobiles*. Hovering occurs when a visitor puts their cursor over an element but touchscreen devices don't have a cursor. This means that if you add a hover title to an image, your mobile users may never see it. 
    When you take into account that around 65%-80% of visits to Squarespace websites are now made on mobile devices, you can see how relying on hover effects could make your site unusable for more than half of your visitors. 
    *Some mobiles can simulate hovering by first triggering a hover state and then triggering a "click". However this "stickiness" can not only confuse visitors, it can also frustrate them when they are required to tap twice to "click" the element.
    Did this help? Please give feedback by clicking an icon below  ⬇️
  3. Love
    creativenap reacted to tuanphan in How do I link a folder title within the navigation to a page in 7.1   
    Add to Home > Settings > Advanced > Code Injection > Footer
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-nav-folder-title[href="/services-1"]').click(function() { window.location = "/services"; }); }); </script>  
×
×
  • 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.