-
Content Count
14 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
doverkohl reacted to an answer to a question: How to keep nav bar height constant across various window sizes
-
AkankshaK reacted to an answer to a question: How to keep nav bar height constant across various window sizes
-
pflombard started following How to manually add extra navigation next to logo, Image Carousel in 7.1, How to use YouTube api and Javascript with SquareSpace and 3 others
-
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?
-
pflombard reacted to a post in a topic: Image Carousel in 7.1
-
pflombard reacted to an answer to a question: Why are my YUI id's changing in 7.1?
-
rwp reacted to an answer to a question: How to keep nav bar height constant across various window sizes
-
How to use YouTube api and Javascript with SquareSpace
pflombard posted a question in Coding and Customization
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" -
pflombard reacted to an answer to a question: How to keep nav bar height constant across various window sizes
-
How to keep nav bar height constant across various window sizes
pflombard replied to pflombard's question in Coding and Customization
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
-
pflombard reacted to an answer to a question: 7.1 - Fixed header on only one page.
-
rwp reacted to an answer to a question: 7.1 - Fixed header on only one page.
-
7.1 - Fixed header on only one page.
pflombard replied to pflombard's question in Coding and Customization
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. } -
pflombard changed their profile photo
-
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
-
How to manually add extra navigation next to logo
pflombard replied to pflombard's question in Coding and Customization
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! -
How to manually add extra navigation next to logo
pflombard posted a question in Coding and Customization
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! -
Making 2 columns on a page scroll separately (jasper template)
pflombard replied to heydanbrowne's question in Coding and Customization
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