Jump to content

bbarinaga

Member
  • Posts

    51
  • Joined

  • Last visited

Posts posted by bbarinaga

  1. Site URL: http://www.bbarinaga.com

    Hello, I am on 7.0 and am attempting to simply make one individual summary list (grid) switch to 2 columns on mobile. 

    I have used the following code and it works, but the change is applied to all summaries and I only need it for this one: https://www.bbarinaga.com/portadasebooks

     

    @media screen and (max-width:640px) {

    .sqs-block-summary-v2 .summary-item.positioned {

        width: 50% !important;

        position: static;

    }

    .sqs-block-summary-v2 .summary-item-list {

        display: flex;

        flex-wrap: wrap;

        flex-direction: row;

    }

    }

     

    Can someone help me?

     

     

     

    Site URL: https://www.bbarinaga.com/portadasebooks

    https://www.bbarinaga.com/portadasebooks

    password: 1234

  2. Hi @rwp,

    I'm trying to do the same thing but failed.

    I'm on 7.1 and used the following code on Code Injection / Header:

     

    <script
                  src="https://code.jquery.com/jquery-3.5.1.min.js"
                  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
                  crossorigin="anonymous"></script>

    $(document).ready(function() {
      var catLink = $('a.category-filter-link.category-filter-link-all');
      var _href = $(catLink).attr("href");
      $(catLink).attr("href", _href + '?');

      var urlCat = window.location.href.split("?")[1];
      if (urlCat !== undefined) {
        var prodTop = $('section:nth-of-type(2)')
        $('html,body').animate({
          scrollTop: $(prodTop).offset().top
        }, 0);
      }
    });
    </script>

     

    I'm not familiar with coding. Could you help me?

    Thanks!

×
×
  • 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.