pflombard

Also looking for a solution to add a gallery block within a section, not as a section by itself. Why would SquareSpace remove this functionality?

Site URL: http://s15.squarespace.com/guitar-kids-a-lesson1 My embedded iframe YouTube videos (with 'start' and 'end' parameters) DO NOT play on MOBILE. // MY FIRST ATTEMPT - Youtube iFrame I used the following YouTube iframe in a code block. <div style="position:relative;padding-top:56.25%; margin-top:0px;"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/x7qfdYyHJ_c?start=285&end=340" frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"

Thanks so much for getting back to me, @rwp. I tried this, but it doesn't seem to have any effect to help keep the nav bar height constant while I change the browser window size. But @tuanphan recommended that I add padding at the top and bottom and this appears to have done the trick!: Now the height remains constant when I drag the browser window left or right. .header-announcement-bar-wrapper { padding-top: 10px !important; padding-bottom: 10px !important; height: 100% !important; }

Site URL: http://s15.squarespace.com/guitar-kids-a-lesson-1 Hi Community! Can you help? I'd like to control the height of my nav bar (header) more precisely between Desktop, Tablets and Mobile. If I look at www.apple.com and youtube.com, then I notice that the height of their nav bar remains constant when I drag the browser window from desktop size to mobile size. But with my SquareSpace 7.1 site, the nav bar height does not remain constant while I drag the browser window smaller or larger. How would one achieve a consistent height for the nav bar, as with Youtube and Apple, ac

Thanks so much rwp! This put me on the right path. I found the collection-id for that specific page. This is the end result that worked just great. #collection-5ef47e01a0680c5b1a28ecac #header { position: fixed !important; z-index: 1000; //in case it scrolls behind certain elements further down. background: #df4430; //because header was transparent. }

Hey everyone! In 7.1, how would you set the header to a "Fixed position", on only one specific page? I.e., on all other pages it should disappear when you start to scroll. I've searched high and low and it appears that no one has addressed this issue yet. Any help would be greatly appreciated! Pierre

Hi Tuanphan. Thanks for responding. It's "swallow15_pw". Yes, I am using 7.1, but can't figure out how to have two text navigation links next to the logo, which are not effected by navigation style tweaks for those links on the right. E.g. I would still want to the burger bar to appear to the right for the rest of the links. And, eventually there will also be a "log in" link to the right, like that of Dropbox.com. I hope that all makes sense!

Site URL: http://s15.squarespace.com Hey everyone! Can you help? I'd like to add two extra links to my header bar, next to my site logo. (NB: While my main navigation hamburger bar remains put on the right.) Just like www.dropbox.com (see attached screenshot showing the two links "For Teams" and "For Individuals" next to the logo.) I attach my current layout, as well as a "Design Mockup" showing the two links I'd like to add ("For Kids" and "For Adults"), with the one link faded to show that it's the active page. Thank you so much!

I would also be grateful if someone knows how to achieve this on Squarespace in a clean and simple way. Here's another great example of columns that scroll separately and automatically adjust to different screen sizes... https://www.surfacemag.com