Jump to content

leguido

Member
  • Posts

    11
  • Joined

  • Last visited

Posts posted by leguido

  1. Hi, I discovered that when I am on my blog on mobile devices, the blog post title is too high up and there is too much space between it and the images on the page. It for some reason is now located behind my website title. Is there a way to change the spacing of the blog post title? I don't mind where the slideshow is on the page, I would just like to move the title.

    1873955911_CleanShot2023-01-09at14_49.48@2x.thumb.png.35579db9230c73f02cd268bdc737b681.png

  2. Site URL: http://laurelguido.com/link-in-bio

    Hi - I would like this link:

    http://laurelguido.com/link-in-bio

    and

    http://laurelguido.com to link to their own pages on mobile (these two links will follow the correct URLs)

     

    AND

     

    http://laurelguido.com/link-in-bio

    and

    http://laurelguido.com to link to the same page on desktop (link to http://laurelguido.com)

     

    I would like to put the http://laurelguido.com/link-in-bio on my Instagram page, but because it is only formatted for mobile (and someone can view Instagram on desktop), I would like it to redirect both these links to my homepage ONLY on desktop. On mobile, I would like to be able to open both those links so on mobile, the person can either be directed to my /link-in-bio page and also my homepage, depending on which link they click (so you can still see my real homepage on mobile if going to http://laurelguido.com).

  3. On 5/1/2022 at 3:58 AM, tuanphan said:
    .gallery-fullscreen-slideshow {
        height: 40vh !important;
    }

    Okay so I put this ^^ and added this for just mobile, since I didn't want to change the height on desktop.

    @media only screen and (max-width: 640px) {
    .gallery-fullscreen-slideshow {
        height: 40vh !important;
    }
    }

    This works on the slideshow that is "full: full bleed" but not the reel ones:

    full: full bleed:

    1809840284_CleanShot2022-05-05at12_48.45@2x.thumb.png.c440a6ce4237c74d9ea6c383c5fad0cf.png

     

     

     

    I'm having trouble with the cropping of the reel images either on desktop or mobile, one is always cropping while the other shows the full image: 

     

    mobile vs. desktop: reel: full (height:medium)

    desktop = correct, mobile = cropped

    245412947_CleanShot2022-05-05at12_46.17@2x.thumb.png.1e8a18c6cb319f47d8b3c9223fbe1623.png

    1314353089_CleanShot2022-05-05at12_47.15@2x.thumb.png.eec50b504d70caff6c13ad7075923a68.png

     

    all the heights for the vertical images are the same as the heights of the horizontal images, but on mobile, it still crops the image. 

     

    Sorry if this is confusing!

    CleanShot 2022-05-05 at 12.42.17@2x.png

    CleanShot 2022-05-05 at 12.42.25 2@2x.png

     

  4. 11 hours ago, tuanphan said:

    You can use this code for all

    .gallery-fullscreen-slideshow {
        height: 40vh !important;
    }

     

    So I put this ^^ but nothing happened.

    I then put this, which at least did something:

    /* Mobile slideshow padding */
    @media screen and (max-width:767px) {
      .gallery-reel-item {
        height: 40vh !important;
    }
    }

     

    953404077_CleanShot2022-05-01at15_00.04@2x.thumb.png.4b7b0fdc71349d6f90078a5e99a0f890.png

     

    but it just crops the image instead of making it smaller?

  5. 20 hours ago, tuanphan said:

    Try adding to Design > Custom CSS

    /* Artworks */
    body#collection-613a91744ec5a30be1b3b3a3 .gallery-fullscreen-slideshow {
        height: 40vh !important;
    }

     

    I'm actually using a reel slideshow (if that matters) but it still doesn't work. 😕 I have quite a few pages like this one with different editorials and will I need a different css for each page?

  6. Site URL: http://laurelguido.squarespace.com

    Hi - 

     

    I want to use a reel slideshow inside each of my projects listed on my gallery page. On the desktop, I would like to use either the medium or large height for the block that contains the slideshow. However, on mobile, I would like the height of the slideshow block to be small. How can I adjust the reel slideshow on only the mobile view?

    one of the projects with the medium height (correct) reel: https://laurelguido.squarespace.com/config/pages/6135d3c112370a6f0c6612d5

    ---> and when you look at the mobile view, the images are too zoomed in, and look better if I change the height to small.

    image.thumb.png.b4d4d55fdf48672c4a4552daae17d245.pngimage.thumb.png.8eabd67a8b162067220054f165c28c0b.png

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