Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Alvis

  1. This code disables parallax effect. I need it. And also I tried to use this code to set the same options on other pages in this index by changing it slightly - renaming first-child to nth-child(2) and (3) and so on... /* eng/model-s */ @media screen and (max-width:640px) { .Parallax-item:nth-child(2) img { width: 270% !important; height: auto !important; left: 0 !important; top: 0 !important; } .Parallax-item:nth-child(2) figure { transform: unset !important; } section#en\/model-s { min-height: unset !important; height: 550px; }} Now I'm able to zoom in as much as I like(I found out that in my case the perfect zoom is 270%) - but I don't have no control over the focal point. Any ideas how can I shift the images to the right or left side and keep the parallax effect?
  2. Hi, I found the solution. It should be set to 11 or 12 px. If it is set to 0px than it is not centered. Thanks anyway!
  3. Hi! Im also having problem with logo that wont be in center. Site: https://www.avanor-acoustics.com/en/loudspeakers I have tried at least 10 different codes, but no success. Im using 7.0 Brine (Ethan). The logo is perfectly centred only on mobile while holding it vertically. Could you please take a look what might be the reason for that?
  4. Hi, I'm having similar problem on mobile - the images are cropped and zoomed in too much. My site has 2 main index pages with pictures in them. I have tried this and many other scripts. Tried copying section ID as well as collection ID, but nothing changed. I don't Know if there is some conflict with other scripts. Webpage https://www.avanor-acoustics.com/ Page is divided in 2 languages by adding en/... and lv/... to the url of pages. To hide both languages in navigation I used a code in code injection. I have no idea if this goes in conflict with your code for zooming out images. I added padding to the sides, to make the images crop less on mobile devices, but still they are too zoomed in. I would like to zoom them out a little bit more that there is no detail loss as you can see in pictures provided.
  5. Hi, No I have not found the solution to those black bars yet. I have even tried setting all the background objects and box colors to red, to see witch might be causing the problem, but none did. As I said before it only appears on mobile devices - not on desktop when you preview from mobile view. I saw those black bars on several different mobile devices, so it's not something specific with a screen size.
  6. Hi, I'm having the same issue with the black bars under every image. I'm viewing on iPhone safari or chrome and it always displays those black bars beneath images. If viewing from computer site editor in mobile view, then it doesn't display those bars - only from mobile device. I'm using 7.0 Brine Ethan template. Any help? Site URL: https://www.avanor-acoustics.com/en/loudspeakers The only used CSS is this: /* transparent header box */ header.Header.Header--top { position: absolute; z-index: 999; top: 0; width: 100%; background: transparent; } /* disable hypens */ p, h1, h2, h3 {hyphens: manual !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; }
  • 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.