Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Dee12

Member
  • Content Count

    53
  • Joined

  • Last visited

Posts posted by Dee12

  1. @Olclarke yes, its:

    @media only screen and (pointer: coarse) and (max-width: 1024px),

    screen and (max-width: 799px ) {

      /* pull the menu off the left edge of the screen */

      .header-menu {
      
        /*
        
        -1024px off the left edge of screen plus a little extra because it might not be quite
        enough on a 1024px screen
        
        */
        
        left: calc( -1024px - 5vw );
        
        }
      }

    /* when the menu is open sweep in from the left */

    .header--menu-open .header-menu {

      left: 0;
      /*
      
      transition time in seconds
      
      changing the number? be sure to change all three values!
      
      */
      
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      
      }
    .header-menu.header-menu--folder-list {

      width: 85%;
      
      }

    .header-menu-nav-folder {

      overflow-y: hidden;
      
      }

    .header-menu-nav-folder:not( .header-menu-nav-folder--active ) {

      -webkit-transform: translatex( 75% );
      -ms-transform: translatex( 75% );
      transform: translatex( 75% );
      
      visibility: hidden;
      
      }

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

      .header-menu.header-menu--folder-list {
      
        width: 78%;
        
        }
        
      .header-menu-nav-folder:not( .header-menu-nav-folder--active ) {
      
        -webkit-transform: translatex( 65% );
        -ms-transform: translatex( 65% );
        transform: translatex( 65% );
        
        visibility: hidden;
        
        }
      }

  2. Hello!

    I would like to add a "previous and next product" preview to my product page. Is there a plugin available for this for squarespace 7.1? I've seen other website builders have this feature available. I've attached an example below. Any suggestions/help/recommendations would be appreciated!

    6388E08C-7513-4438-AAB3-AA1AFA8D6EA0.png

  3. Hello!

    I want to add a sticky buy button that appears at the bottom of a product page when you scroll down. Shopify has an app for this but I haven't been able to find a solution for squarespace. I was wondering if there was a plugin available or if this could be done with some custom css? I've attached two examples. Any help/assistance would be appreciated!

    398FDDA0-B030-4C06-B1FA-4E19B3B899BD.png

    F5FF06B7-7F4E-4DD6-B60B-B422E0E185D5_4_5005_c.jpeg

  4. Hello!

    I'm having trouble trying to make an image on my homepage full width. It's not a image block, it's in a section by itself. I managed to make the image full width on mobile and iPads, but for some reason the code I'm using isn't making the image full width on the desktop/laptop view. Can someone help me please ? I'm currently using the "full width image card" plugin from ghost plugins: 

    // Full Width Image Card //
    
    [data-section-id="5edbff601cb53938995dcae9"] {
    overflow-x: hidden !important;
    overflow-y:hidden !important;
    }
    [data-section-id="5edbff601cb53938995dcae9"] {
    .content-wrapper  {
      padding: 0px !important;
      margin: 0px auto;
      display: contents;
      }
    .sqs-layout .sqs-row .sqs-block {
      padding-bottom: 0px !important;
      padding-top: 0px !important;
    }
    .image-card-wrapper .sqs-dynamic-text-container {
      padding: 40px !important;
    }
    }
    .sqs-block.custom-items-search:hover {
          color:#dea2c5 !important;
        border: 1px solid #dea2c5 !important;
    }
    

     

    site: www.uniquelydolledwigs.com 

    first picture on my homepage

  5. Hello!

    I was wondering if it was possible to have a mobile sidebar menu? I prefer this style over the default mobile menu on 7.1. I’ve tried researching a plugin for this but I haven’t had any luck so far. I know Shopify offers this option on their app but Squarespace doesn’t. I’ve attached examples of what I would like! Please help, any assistance or recommendations would be appreciated. 

    55EB8578-9703-48CF-9983-AB105E93C0CE.jpeg

  6. I figured it out finally! The code I used:

    #block-yui_3_17_2_1_1589941659268_22096.sqs-block.image-block {
        padding: 0px ! important;
      margin-top: -6.7% !important;
      margin-left: -3% !important;
      margin-right: -3% !important;
    }

     

×
×
  • Create New...