mames

Ugh man, I'm having the same issues. Between 400 to 600px (ish) wide (window width on browsers) many pages on my site (which is largely a photography portfolio ... with many images) have photos that get cropped at the top. I would much prefer Squarespace create a third editor for tablets (and narrow web browsers windows) as it would be so much faster than trialing and erroring so many images manually. I'm seeing that some people are literally building a third version of their sites and using jquery / javascript to send users to three different pages. I've done that for desktop and mobile already ... so much work. Has anyone found a solution?

Hi Taun, I gave the password : Tango Did that not work?

Hi Tuan! Yes, here it is ... mamiecreative.com/updates-3

I'm also having the same issue #1 as OP. My text is showing as all CAPS. I would like both upper and lowercase text. It's happening with the two fonts that I've loaded into Squarespace. Tried it on this brand-new test site with no pre-existing code just to be safe but still have the problem. https://opossum-fiddle-rr6p.squarespace.com/help password: Tango

I have used the Edit Header option to change the global settings for the Header to "Fixed Position" and the Fixed Header Style to "Scroll Back." These settings work great, currently, for all of my pages except for one important page where I need the header to go back to normal: where it scrolls out of frame as the user scrolls down (is not fixed) and where the header remains solid while the scroll happens (no scroll back animation). Is there a custom code that I can use in the Advanced settings of that specific page to make the header go back to normal?

Thank you so much, Taun! I decided to use another solution you posted on here where instead of having sections for mobile and desktop on one page, I broke them up and put them designated pages and used this code you posted to redirect ... <script type="text/javascript"> if (screen.width <= 1000) { document.location = "https://www.mamiecreative.com/fashion-lifestyle-mobile"; } </script> You rock! Don't know what we'd do without you.

Hi I've been having this issue for months. I'm on a deadline now though and it's really frustrating. Does anyone know how to fix this and can you post the solution here? Thanks you!!

Hi Taun, Where do we past the above code exactly? Where do we find the Page Header? I see the Custom CSS section for the entire site and the Pages, Settings, Advanced code box but I'm not sure where the Page Header code section is. Thanks you, Mame

I'm realizing that designing for both mobile and desktop on each page is becoming too complicated (for my case, on this specific site with thousands of images). I'm currently doing the trick where you use "@media screen and (max-width: 750px)" and "@media screen and (min-width: 750px)" to hide sections. I have thousands of images however and each pages' Page Settings Advanced code section is becoming a mess. It's coming back in to test and edit code is taking way too long to sift through. I'm thinking that I would now like for users visit my splash page (which only has one link to take them into the site) and if they are on mobile they can only see a link (using the code above) that sends them to my site main pages that is specifically designed for mobile and if they are on desktop, they can only see a link that takes them to my site that is designed for desktop. For pages with my site footer (that has links), if the user is on mobile they will only see text blocks that send them to mobile pages and vice verse. The big problem is the site HEADER navigation links though! Right now, if I technically make two pages (mobile and desktop) for each page of my site and drag them into the Main Navigation of the site, all of the versions (desktop and mobile) of the page will show up in both the mobile and desktop menus. What can I do to make it to where only links designed for mobile are seen on the mobile header menu and only links designed for desktop are seen in the desktop header? Thanks! www.mamiecreative.com

Hi, not sure why but since yesterday my background videos have stopped autoplaying site wide on Chrome and both of my computers (they play fine in Safari). I'm pretty sure I didn't add any new code. I have tried creating new pages with new sections and even uploaded new videos but the video is paused. Also tried clearing my browsing data. Help! Thanks!

Hi did you ever find a solution to this? Thanks!

Hi, can you post and example of this code using an example div? Think I'm having a syntax issue. Not sure if I should be including the quotes or not. For example would this work? <script> $("div#block-d8f89965ca0d137117b2").hide(); setTimeout(function(){ $("div#block-d8f89965ca0d137117b2").show(); },3000); </script> or would this work? <script> $(div#block-d8f89965ca0d137117b2).hide(); setTimeout(function(){ $(div#block-d8f89965ca0d137117b2).show(); },3000); </script> Or do you mean something completely different than either of the above? Thank you!

Has any one figured out code to slow down the fade-up of the buttons? I'm also interested in slowing down the fade up of paragraph text.

Update: I found a workaround for the meantime. I stopped working in the blank section that I created on the blank page (later trashed it) and added a new page from the "page layouts" option. Before selecting the new page from those options, I found a pre-formatted page that successfully displayed the 800 weighted font in large sized letters that I needed. From there, I stripped everything out that I didn't need including the header. Still interested in knowing if there are other fixes to this. Thanks!

Oh man, did you guys ever solve this for 7.1? I also need Futura at 800 weight but it's not working in any text blocks (I think 400 or 500 is the limit even though 800 is an option). My header 1 text is set to 800 using Futura. In my site navigation header the font (using header 1) is looking great at 800 (my site navigation header has the website/company name displayed). The big bummer is that I'm trying to make a simple landing page with a video background with the same matching website /company name at 800. Because the weight is not working in the landing page (via text blocks) the side name looks very different (the weight makes it almost look like a different font) between the landing page and the rest of the site. In 7.0, the template/theme I used (Wells) previously had a prebuilt landing page that used the header 1 settings (it was also set at 800) and so the font looked perfect there too. I've upgraded to 7.1 tho. 😞 Is there a way I can use CSS code in the advanced settings of the landing page or anywhere else to override the lighter weight?