Jump to content

JustinSeimits

Circle Member
  • Posts

    135
  • Joined

  • Last visited

Reputation Activity

  1. Like
    JustinSeimits reacted to creedon in How do I change the text of 'Sign In'   
    @idflow
    Please post the URL for a page on your site where we can see your issue.
    If your site is not public please set up a site-wide password, if you've not already done so.
    Post the password here.
    Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.
    Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.
    We can then take a look at your issue.
  2. Like
    JustinSeimits got a reaction from RhysCunningham in Change main navigation on one page.   
    @bangank36 how would this work for mobile?
    I am trying to solve this issue:
    On desktop I have anchor links in the navigation so company#awards and company#responsibility and on mobile I am having a new mobile page show up company-mobile and when the navigation item is clicked it is going to company-mobile page rather then company-mobile#awards and company-mobile#responsibility. 
    The site is built on 7.1 and I will send you a message with the link to the site so you can see what I am trying to do.
    Thanks for any help you can provide with this.
  3. Thanks
    JustinSeimits got a reaction from creedon in Problems with image display in first sections 7.1   
    @creedon I have a plugin that allows them to work on 7.1 its a great plugin, highly recommend it
  4. Thanks
    JustinSeimits got a reaction from creedon in Problems with image display in first sections 7.1   
    Works perfectly, thank you very much. 
    Yeah it is a cool video, great company that is helping protect Hawaii! 

     
  5. Like
    JustinSeimits reacted to creedon in Problems with image display in first sections 7.1   
    @JustinSeimits
    Add the following to Settings > Advanced > Code Injection > HEADER. The poster doesn't need to do this step as they already have jQuery installed.
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Page Settings > Advanced > Page Header Code Injection for the page.
    <script> $( ( ) => { /* begin reposition first page section background so header doesn't hide it Version : 0.2d0 SS Version : 7.1 Dependancies : jQuery By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ // increase section height the same amount the image is moved down const increaseSectionHeight = false; // do not change anything below, there be the borg here $( window ) .resize ( function ( ) { const h = $( '#header' ).height ( ); const $firstPageSection = $( ':not( #footer-sections ) > .page-section:first' ); if ( ! $firstPageSection.length ) return; // bail if no first section const selector = '.section-background img, ' + '.section-background .sqs-video-background'; const $e = $( selector, $firstPageSection ); $e.css ( 'top', h + 'px' ); // bail if no section height increase if ( ! increaseSectionHeight ) return; let minHeight = 0; switch ( true ) { case $firstPageSection.hasClass ( 'section-height--medium' ) : minHeight = 66; break; case $firstPageSection.hasClass ( 'section-height--small' ) : minHeight = 33; break; default : minHeight = 100; } if ( minHeight ) $firstPageSection.css ( 'min-height', 'calc( ' + minHeight + 'vh + ' + h + 'px )' ); } ) .resize ( ); // end reposition first page section background so header doesn't hide it } ); </script> Let us know how it goes.
  6. Like
    JustinSeimits reacted to creedon in Problems with image display in first sections 7.1   
    DM received.
    I have an idea for a solution. It will involve some Javascript. If I don't post a solution in several days please bump this thread.
  7. Like
    JustinSeimits reacted to creedon in Problems with image display in first sections 7.1   
    @JustinSeimits
    I don't know if there is a solution.
    In general the CSS can be put in the Advanced > Page Header Code Injection for a page or in Design > Custom CSS. Of course the CSS needs to be adjusted a bit depending on where is is going.
    I prefer to put CSS that is page specific in Advanced > Page Header Code Injection for a page. Again it really is all about personal preferences. Some folks prefer to keep all their CSS in Design > Custom CSS.
    Per your issue. Please post the URL for the page on your site where you want to achieve the effect mentioned.
    If your site is not public please set up a site-wide password, if you've not already done so.
    Post the password here.
    Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.
    We can then take a look at your issue.
  8. Like
    JustinSeimits reacted to Zara in Problems with image display in first sections 7.1   
    I'm really struggling to get an image to display properly in the first section of a page in 7.1.  If I add the image to any section below the first section, it will display properly. 
    The first section on each page appears to have a shorter height, I guess because of the site header. But I can't seem to find any combination of image sizing that won't cut off the top of the image when it displays.
    I have the section height set at 100%. I've dragged the focus dot up to the very top of the image.  I've resized, cropped, and re-loaded at least a dozen variations of image sizes and nothing is working.
    The image is full bleed, so I have it set on the long edge at 2500px, but no matter how much I crop the height, it still cuts off the top and just enlarges the image to fill the space. It's maddening. 
    Is there a page header code injection I can use to properly display the image in this section? 
    And does anyone know the ideal proportions for full-bleed images in this first section? Or the actual dimensions of this section?
    Thanks!
  9. Like
    JustinSeimits reacted to tuanphan in Problems with image display in first sections 7.1   
    Can you share link to your site? I can take a look
  10. Like
    JustinSeimits reacted to NovaMaeDesign in Problems with image display in first sections 7.1   
    Following!! I am having the exact same issue here, it is so frustrating. 
    The only trick I have found was to add a blank section with no content, and make it the lowest height possible.  I am using a solid colour fixed header though so I was able to make the background that colour and it matches my Header. Basically because there is no content it kind of disappears when I view the site but it means the next section background image fits the section perfectly.  
    I would love to know if there is code that I can use to have Full Bleed image align at the top of the actual section and not up underneath the header.
  11. Like
    JustinSeimits reacted to RobPegurri in Upsell or Cross selling   
    I've created myself a cross sell feature on my Squarespace website, check it out. Try add to cart this product: https://www.fioridicipria.com/it/shop-now/prodotti/crema-viso-ialuronico-tripla-azione
    If you like it, I can send the code here so that anybody could implement it
  12. Like
    JustinSeimits got a reaction from creedon in 7.1 Swap block order on mobile   
    @creedon I got it to work, thank you very much for your help. What a weird bug.
  13. Like
    JustinSeimits reacted to creedon in 7.1 Swap block order on mobile   
    @JustinSeimits
    Your issue is that your images are laid out in 3 columns. You are going to want two rows.
    With 3 columns on mobile the second column slides under the first and the third under the second. Hence the undesirable order.
    One way to get two row is to first create a line block above your images. It will need to be the full length of the page width.

    Move the first 3 images above line.

    One you have two rows with the help of the line block. Remove the line block and save.
    Hopefully you've created two rows and now things will look OK on mobile.
    Let us know how it goes.
  14. Like
    JustinSeimits reacted to creedon in 7.1 Swap block order on mobile   
    @POA
    Add the following to Design > Custom CSS.
    @media screen and ( max-width : 767px ) {   [data-section-id="6031a131b065b425a5cbcdc5"] .sqs-row .sqs-row:nth-child( 3 ) {        display : flex;     flex-direction : column-reverse;          }   } This is for a v7.1 site and specific to POA's needs.
    Let us know how it goes.
  15. Like
    JustinSeimits 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.