Jump to content

Clindes

Member
  • Posts

    5
  • Joined

  • Last visited

Clindes's Achievements

  1. Hey @tuanphan I think with the fix, the mobile version doesn't work smoothly. 😞
  2. portfolio-new.squarespace.comPasscode: port hey @tuanphan, so far I have the images full width, but there is a huge top space. for the one that has smaller height. just wonder if you can help me to look into this and if it's possible to make it align on the top underneath the menu bar? thanks.
  3. @tuanphan Sorry I thought I have entered it: portfolio-new.squarespace.com Passcode: port
  4. Hi @tuanphan, I hope you are still seeing this threads... I have been trying to follow this thread along and trying to find out an answer, but looks like I am out of luck. I am trying to get myself more familiar with SQSP. I have been trying to play around squarespace and trying to stylize this slide show gallery. Where I would like a regular slideshow on the desktop version, but on mobile version, I would like to hide the navigation arrow control, and make my image full width. I have been playing with the setting but out of luck. I would like to keep my desktop view as is now: But make my mobile view without the control arrow and space on the side Below was what I used to remove the control arrow, /* Remove gallery slideshow arrows */ @media screen and (max-width:767px) { .gallery-slideshow-control { visibility: hidden; } } Here is the css I wrote for full-width slideshow, but didn't work... @media screen and (max-width: 767px) { .gallery-slideshow[data-width="full-bleed"] { width:100% !important; height: auto !important} } As I expanding the portfolio, I would also want to make it possible to make the code works across the site, not just particular pages. Thank you and much appreciated with any thoughts and suggestions.
  5. portfolio-new.squarespace.com Passcode: port Hi, I have been trying to play around squarespace and trying to stylize this slide show gallery. Where I would like a regular slideshow on the desktop version, but on mobile version, I would like to hide the navigation arrow control, and make my image full width. I have been playing with the setting but out of luck. Below was what I used to remove the control arrow, /* Remove gallery slideshow arrows */ @media screen and (max-width:767px) { .gallery-slideshow-control { visibility: hidden; } } Here is the css I wrote for full-width slideshow, but didn't work... @media screen and (max-width: 767px) { .gallery-slideshow[data-width="full-bleed"] { width:100% !important; height: auto !important} } Thank you and much appreciated with any thoughts and suggestions.
×
×
  • 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.