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

Search the Community

Showing results for tags 'safari'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. So I've asked the "Customer Care" team a few times about this issue. Site scrolls fine on desktop but on mobile it is choppy and jumps up and down as you go by different content. I've tried experimenting with parallax content on and off and other things, but it still happens. And quite frankly, just turning off parallax wouldn't be a "solution" really. So the answer I always get is, "We're aware of this, but no ETA on a fix." That's just not acceptable. So I'm posting this to see if anyone has had any success with any hack to improve how jumpy things are on mobile. We predominantly use Sonora and Mojave templates. Perhaps it isn't as bad on some templates? Thanks.
  2. I've added a split navigation for a client and it looks and works great on Google Chrome, however as soon as open de website on Safari the navigation items all seem to be pushed together. However, as soon as I hover over the services tab it fixes itself. Anyone have any experience with this or might know what is going on? I've added screenshots. Bottom screenshot shows what it looks like when I open the site, the top one is what it is supposed to look like. Thanks!
  3. Site URL: https://www.yellowbikepress.com/ Hello! Here is the site I am working on and the page I am referencing: https://www.yellowbikepress.com/blog. I used code to change the font of the blog post title and "Read More" button in the summary section, as well as the "Sign Up" button in the Subscribe section on the right. In Chrome the fonts show up fine, however in Safari they don't appear. Here is the correct formatting: And here is how it appears in Safari: Any thoughts on how to fix this? Thanks!
  4. Site URL: https://www.lucylawson.co.uk Hi there, My clients website is viewing the custom fonts differently on safari and iOs. Looks totally as expected on Chrome, but appears different on Safari. .ttf .otf .woff .woff2 have all been uploaded. @font-face { font-family: 'NoeDisplay'; src: url('https://static1.squarespace.com/static/60661ef2806161468599d160/t/60661fb6b8414c574a547e86/1617305526790/NoeDisplay-Black.otf'); font-weight: black; } @font-face { font-family: 'Graphik'; src: url('https://static1.squarespace.com/static/60661ef2806161468599d160/t/60661fd8db8f047724129954/1617305560410/Graphik-Black.otf') } h1 {font-family: 'NoeDisplay-Black';} h2 {font-family: 'NoeDisplay-Medium';} h3 {font-family: 'Graphik-Medium';}
  5. Site URL: https://www.novospectrum.com/top-teams Hi All, I have something strange happening in my website and i cant seem to find the solution why its happening. In Safari, when I activate the full screen function of my implemented issuu document, a bar is showing on top of the full screen document. With some testing with the transparanties of certain styles in my design, i found out the bar is responding to the 'content background color'. Making the content background color transparant solves my issue, but then the design of the website changes, and of course i don't want that to happen. It would maybe make sense to change the z-index of the content background color, but this would also influence the design, and assuming the Issuu full screen z-index is already on 2147483647, the content background color must be behind it anyway. Did anybody maybe experience similar issues, or has any suggestion of a solution? Thanks in advance p
  6. Site URL: https://www.awakenkali.com/ Hello, I've uploaded a font to squarespace and added the CSS code but it doesnt show on some computers/browsers like safari. Any advice? Here is the code I typed: @font-face { font-family: Classico; src: url();https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf } @font-face { font-family: Classico-Bold; src: url();https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otfhttps://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f094d3062b77635fbb408/1617889613671/Classico-Bold.otf } h1 { font-family: Classico; } h2 { font-family: Classico; } h3 { font-family: Classico; } H4 { font-family: Classico; } .header-title-text { font-family:Classico; } @media screen and (max-width:640px) { @font-face { font-family: 'Classico'; src: url('https://static1.squarespace.com/static/605f4ff1a45fbc59069babdc/t/606f07e087c8fc5a71d384f9/1617889248411/Classico.otf'); } h1#sqs-slash-page-header { font-family: 'Classico' !important; } }
  7. Site URL: https://www.movingexperience.me/ I used custom css to justify text on my webiste. This is what I used in the : p { text-align: justify } I also tried adding this to the code blocks: <p style="text-align: justify ;margin-top:-20px;white-space:pre-wrap;font-weight: 500;" Now it is only being displayed correctly when the site is viewed in google chrome, it doesn't work in safari. I also tried adding this: body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; } but it's only affecting the regular text blocks, not the coding blocks with the text I actually want to justify. I'm thankful for any ideas what might be the problem here!
  8. Site URL: https://www.passwithpebbles.com/ HI - I have a whole lot of custom code on this website - and its giving me so much of a headache - help appreciated where ever possible! firstly there's is an additional font in Heading 2 and Paragraph 2 - a squarespace font - 'Rollerscript smooth' Its not showing in safari or on mobile. I have added it as Rollerscript & rollerscript-smooth - no change. I've looked at past posts and every answer is different what's the up to date resolution? www.passwithpebbles.com - pw P388l3s (thats a lower case L not a 1) h1 { font-family: 'Circe'; } h2 { font-family: 'Rollerscript-smooth'; } h3 { font-family: 'circe'; } H4 { font-family: 'circe'; } .sqsrte-large { font-family: 'Rollerscript-smooth'; } p { font-family: 'Circe'; } .sqsrte-small { font-family: 'Circe'; }
  9. Site URL: https://www.takecontrolphysicaltherapy.com/ Hi, I have added a secondary font for my H3 and H4 headers on my client's site, but it won't load properly on Safari (desktop or mobile). The font is a Squarespace available font (Museo Slab). Here is the code I am using: /* header changes */ h3 { font-family: "museo slab"!important; font-weight: 500; line-height: 1.15em; } h4 { font-family: "museo slab"!important; font-weight: 500; line-height: 1.15em; } TIA!
  10. Site URL: http://www.thepeak1group.com/home Hi there, I'm using the following CSS code (in Custom CSS under the Design tab, in a 7.0 Brine family site) to add drop shadows to specific images: This works *perfectly* on Chrome and I never realized there were issues with it until working with a client this week who primarily uses Safari (I work on Chrome) -- he noticed that there were "breaks" in the drop shadows across the site where I'd used the code to create the shadows. I even tried a code to add drop shadows to ALL images universally (instead of using block IDs to isolate specific ones) and still ran into issues...but only on Safari. Is there a fix for this? Or something that needs to get added/edited/removed from the code that would enable Safari to recognize it and implement it correctly? Or another code entirely that would help Safari read it correctly? This is my first time running into cross-browser issues. Attaching an image from each browser for a "shadow break" example. Thanks so much!
  11. Site URL: https://mabuhay.squarespace.com Hi! I'm using an Adobe font for one of my headings (H4) via custom CSS on 7.1. It's showing correctly on Chrome and Firefox but not on Safari. Any advice how to solve this issue? Code I'm using: h4 {font-family: Olicana !important; font-size: 50px;} Used in the footer on "The service you can trust". I have the same issue on some other pages where it's used in headings. The fallback font is also not the regular heading font I'm using on this website.
  12. Hello! I use a large Heading 1 and a smaller Heading 4 on my site and they look great on Firefox, but on Chrome and Safari all of the heading styles appear as the same size. Is there any fix for this? Thanks!
  13. Site URL: https://www.alexandrebustamante.com I've uploaded WOFF custom webfonts to my website (it's password protected, just enter bustabusta if you need to view it), but they are not displaying on Safari or iOS (or Chrome on iOS). It works fine on Chrome and Firefox on Desktop. The template I'm using is Zion - can anyone help me clarify what is happening?
  14. Hi im trying to add an anchor link into my website and want it to smooth scroll to it. Unfortunately I cannot find a way to make it work with safari, it works with chrome I have enabled smooth scroll in Design > Custom CSS
  15. Site URL: https://www.hustlelikeubroke.com/episodes I embedded a visual of an RSS feed into our episodes page, because we wanted to show episode description as well. All the player embeds we use cut that out. In doing so, I realized the embed displays properly on Chrome/Firefox but doesn't display anything on Safari. Anyone have any ideas of what might cause that and how I could remedy?
  16. Site URL: https://www.2pt5.co.uk Hi, I have a code block with rotating text on my home page (2pt5.co.uk) Having problems with the padding being different on Chrome and Safari. No idea how to fix this! If anyone can help it would be greatly appreciated!
  17. Site URL: https://martine-emdur.squarespace.com/vanessa-stockard-artworks/after-christus Have had tremendous help from @bangank36 with providing css to vertically align text to the bottom of an inline image on blogs to display exhibition artwork however have one problem with it. On Mac Chrome looks perfect with position: absolute; bottom: 1%; but as you can see Safari gives it an extra push down below the edge of the image. Is anyone able to help with how I account for the different padding in Safari? https://martine-emdur.squarespace.com/vanessa-stockard-artworks/after-christus password = elliot Many thanks in advance.
  18. Site URL: http://www.goodmorekombucha.com I happened to check on my site today and discovered the content occupied only a narrow column, as if significant padding had been added on right and left. This occurs on non-mobile (tested on a mac) in Safari, not Chrome, Firefox or Opera. It looks normal on iOS. I have added a LOT of CSS to the site, though I have not edited it in many months. Picture's worth 1,000 words, so here are screenshots. Anyone know how this may have occurred or have tips for troubleshooting this myself?
  19. I am not a web design person or programer, so what I am asking is not in my wheelhouse. Any help would be appreciated. My customers are not tech savvy and quite often I have to have them download a file from my website. The hardest and longest part of the process with my customer is getting the file download and installed on my customer's computer. I created a page with a clickable link to the file. Is there a way to have an animation or image of an arrow that points to the downloaded file in my end user's browser once they click the link to download the file? Safari's download list is an icon at the top right of the Safari window, Chrome's is at the lower left of the Chrome window, etc. I have seen other sites that visually show the user where the download goes once they click the link (I can not think of a site that does this right now).
  20. Site URL: https://sealion-swordfish-4y7r.squarespace.com/config/ Hello, I am trying to justify text in Squarespace 7.1. I have tried adding all of the CSS codes that have been recommended here and from YouTube. None of the code seems to work in the Safari browser. Please help. Thank you. Password: littlemoon (lowercase)
  21. The logo image file on my site suddenly stopped working, but only on Safari. The image loads fine in Chrome and Firefox. When I inspect the logo in Safari, it says there's an error loading the resource.
  22. Trying to use Safari 13.1.1 in Mac OS 10.15.5 (Catalina) to edit a 7.1 template. Incredibly glitchy: after I make a single change, I'll suddenly be put back at the top of the page, even though I need to change other items in a field. Perhaps I'll click the pencil icon and not get into edit mode. I'll make color adjustments that not only don't stay, but again I'm simply taken to the top of the page. There's no rhyme or reason why or when any oddity will happen, though it's frequent. I can't concentrate on what content I want to create since I seem to be fighting the system so much. Are there incompatibilities I'm not aware of? Should I be using Firefox or Chrome? I don't recall this happening two years ago when I was working with 7.0. Thank you!
  23. Site URL: https://seabass-vuvuzela-ynfj.squarespace.com/ I added css #block-yui_3_17_2_1_1597694605564_14382 { column-count: 2; } and now this block is not visible in Safari 13 (catalina). On Chrome and FF, it looks ok. Any ideas? https://seabass-vuvuzela-ynfj.squarespace.com/
  24. Site URL: https://www.loxd.io/home-page/ Hello! I'm encountering an issue when I use safari to open my website. The pages loads up and then refreshes. I'm not sure what the issue is so I'm wondering if anybody has encountered it as well or it might be something with just my website and the custom code I'm using. Any help would be appreciated. Thanks! PW: loxd
  25. Hello community, I’ve encountered a weird bug with png’s. Some of them, probably only those that use a greyscale model, won’t show up in Safari, but instead look black. Sometimes you can even see how Safari loads the picture correctly and then switches to a black image. However the problem is inside the png. And it is not inside the original png, it only occurs through the formatting that Squarespace does with the picture. I can track it back by downloading the picture and it looks good in every program, except for Safari; however if I save it without changes but as a colour RGB, Safari opens it well. I upload it again and Squarespace changes it again and it becomes black again. Can anyone think of a solution to it? Both png’s are attached. Thank you very much.
×
×
  • Create New...