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

emilykrause

Circle Member
  • Posts

    14
  • Joined

  • Last visited

Reputation Activity

  1. Like
    emilykrause got a reaction from Skylab in Can you see my site?   
    @Skylab Hey it's working now. Just checked. 
  2. Like
    emilykrause got a reaction from Alexane in Squarespace & SEMRUSH   
    Hi Damian — we also use SEMRUSH with our site as well. What would you like to compare?
  3. Like
    emilykrause reacted to marshallkylex in IMAGE BLOCK COLLAGE - CSS for Mobile   
    I found another code that I was able to adjust and get to work:
    //Collage Blocks Mobile
    @media (max-width:480px){
      .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper{
        width:90%;
        margin-top:calc(-10%)!important;
        position:relative}
      .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic,.sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-left .intrinsic{
        left:5%
      }
    }
  4. Like
    emilykrause reacted to thaitandem in Problems with image display in first sections 7.1   
    A much simpler version of the above is now delivering consistent results for me. Maybe it will work for  others? 
    1) Add new Blank Section between Header and Image Section. 
    2) Set this new Section's Height to its lowest value: 10. 
    3) Capture Section ID. 
    4) Insert the code below with the Section ID into the page's Advanced Code Injection. 
    [data-section-id="Your Section ID"]>.content-wrapper { height: 0 !important; padding: 0 !important; }  
  5. Like
    emilykrause reacted to tuanphan in Change block sequence for mobile view   
    Add to Home > Design > Custom CSS
    @media screen and (max-width:767px) { /* home */ div#page-section-5ecd9b853bbee218ed13153f>.row { display: flex; flex-direction: column-reverse; } /* About - Road */ div#page-section-5ed561f6bd9be315e06be350>.row>.span-12>.row { display: flex; flex-direction: column-reverse; } /* about - the why */ div#page-section-5ed56085606c68215b5a9d32 .span-12>.row { display: flex; flex-direction: column; } /* about - from sickness */ div#page-section-5ed55eb4d34ef03cd3be5ae6 .span-12>.row { display: flex; flex-direction: column-reverse; } /* about - book a consulation */ div#page-section-5ed55b94a22a3463f7510577>.row { display: flex; flex-direction: column; } }  
  6. Like
    emilykrause reacted to paul2009 in Why doesn't my javascript code work until I refresh the page?   
    I've answered a number of questions on this subject. Each asks why a particular piece of code isn't working unless the page is refreshed or reloaded. Usually, the person is asking about code that they've found on this forum and that they've added to their site. They just can't understand why it doesn't work for them properly. It doesn't work the first time, but when they load the page a second time, it appears to work! I've posted this question to save others posting a series of related questions.
    So why is this happening? Ajax.
    If you're using one of the newer Squarespace templates, the chances are that it uses Ajax, a feature that allows parts of a page to be loaded, without loading the full page. For example, when a visitor wants to open a new page, it could be opened without reloading the header and footer. It can also power a feature called 'Infinite Scroll' where only the first few blog posts are loaded initially but as the visitor scrolls down the page, more blog posts download and appear. It will continue loading blog content until all of the posts have been displayed, hence appearing to be an infinitely long page.
    The downside is that when you have Ajax enabled, older JavaScript code that wasn't written to work with Ajax, won't work properly. That's the case with the majority of JavaScript answers on this site, especially pre-2018.
    So what can you do?
    The best solution is to source new Ajax-enabled code. If you are using code provided by a third-party company, ask them for an Ajax-enabled version to work with Squarespace.
    However, if you find code on this site, or on a similar site, that isn't Ajax compatible you have two choices.
    Hire a developer to write you some better code Use the code you've found and disable the Ajax features on your site. It's worth noting that disabling Ajax is not a solution. It's just a workaround. It will allow you to run old code that hasn't been written to work with Ajax-enabled sites but if you disable it, you will lose many more features that improve the performance of Squarespace sites.
    If your template uses Ajax loading (all the Brine-family templates do) and you want to disable Ajax you can do so in the Style Editor. To disable Ajax:
    Open a Blog Page then, in the Home Menu, click Design, and then click Style Editor.
    Scroll down to Site: Loading.
    Uncheck Enable Ajax Loading.
    This workaround will fix the issue, but it will disable Infinite Scroll and all Ajax features.
    I hope that helps.
    -Paul
    Squarespace Expert & Experienced Developer
×
×
  • Create New...