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


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by e_robertson

  1. No, but thank you for asking. I fixed the desktop issues by adjusting the #page margin-bottom and the #footer height, and I decided not to have the effect on mobile. On desktop, the footer appears for a short flicker when the page loads, before disappearing. I have attached a screenshot. Do you know if I can prevent this, or just have to live with it?
  2. @tuanphan This is really cool – thank you for sharing. Is there a version of this code where only one accordion section can be open at one time?
  3. @bangank36 Thank you so much – that's worked a treat! Any pointers for how I should adjust this code for mobile? Do you also know if it's possible to prevent the footer from appearing until the user has scrolled all the way to the bottom of the page? It currently appears as the user approaches the bottom, rather than when the reach the bottom.
  4. @bangank36 Hello! I was wondering if you can tell me why this code isn't working on my site? https://www.erobertson.design/ I'm using the Jasper (York) template and trying to achieve the same effect. Any pointers would be appreciated.
  5. @paul2009 Thank you. Do you think this would be a better option that the Website Toolbox solution that other members have suggested?
  6. @paul2009 Would this be easy for anyone to integrate or would you need to have advanced coding knowledge?
  7. I figured this one out. The code now reads: /*Hide desktop slide show on mobile*/ @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1594283337848_3771 { display: none !important; } } /*Hide mobile slide show on desktop*/ @media only screen and (min-width: 768px) { #block-yui_3_17_2_1_1594283751431_4609 { display: none !important; } }
  8. @tuanphan Thank you. Do you know why this isn't working for me? /*Hide desktop slide show on mobile*/ @media only screen and (max-width: 767px) { [data-section-id="#block-yui_3_17_2_1_1594283337848_3771"] { display: none !important; } } /*Hide mobile slide show on desktop*/ @media only screen and (min-width: 768px) { [data-section-id="#block-yui_3_17_2_1_1594283751431_4609"] { display: none !important; } The website is www.felicitymara.co.uk and the password is felicity123
  9. I'm keen to do something similar on this website: www.felicitymara.co.uk How do I find the data-section-id for the gallery?
  10. @lu.diehl The CSS code did the trick – thank you so much for your help!
  11. @lu.diehl Thanks for the suggestion. It's a Project page not a Gallery page/block so I don't think this is an option but I'll take a look.
  12. Site URL: https://www.erobertson.design/the-barrow-house Hello, I have a project page containing a mix of portrait and landscape images. I would like to make the portrait images the same width as the landscape images. Here is a link to the page: https://www.erobertson.design/the-barrow-house I am using the Jasper (York) template. Can anyone help? Best, Eleanor
  13. Brilliant – that worked a treat. Thank you again!
  14. Perfect 👌 Thank you for your help!
  15. Site URL: https://beehive-bootleglondon.squarespace.com/ I'm trying to remove some of the padding above the menu items on mobile, so that the text sits slightly higher in the screen. Can anyone help?
  16. Site URL: https://beehive-bootleglondon.squarespace.com/ I'm trying to remove the footer index from mobile only. Can anyone help?
  17. @tuanphan Yes – that's it! Thanks so much for your help, again.
  18. Site URL: https://www.erobertson.design/churchofsnails At the bottom of each of my project pages there is a link to the 'Next' project. I have added custom fonts across the site using CSS, but I can't work out how to target this small piece of text. Can anyone help? I was also wondering if it's possible to replace the word 'Next' with simple < previous and next > arrows, but I'll be happy if I can just resolve the font issue.
  19. Thank you so much! This has been driving me mad. I'm very grateful. This middle bit of code you suggested did the trick: /* set fullwidth iframe video */ .collection-type-project .intrinsic-inner { padding-bottom: 66.5% !important; }
  20. @tuanphan Do you have any suggestions? I'm going to take the video down if I can't find a solution.
  21. There is a video at the bottom of this page, where you can see the issue: https://www.erobertson.design/churchofsnails I'm now using this embed code: <div class="video-responsive"> <iframe mozallowfullscreen allowfullscreen src="https://player.vimeo.com/video/[INSERT-VIDEO-CODE]?autoplay=1&amp;loop=1&amp;autopause=0&amp;muted=1&amp;wmode=opaque" width="100%" !important webkitallowfullscreen frameborder="0" id="vimeo_player" muted></iframe> </div>
  22. Site URL: https://www.erobertson.design/ The homepage of my portfolio site features index images of each project. When you hover over each image, it reveals the project title. I would like to add a 1px outline stroke to these images (67% black), but only in the hover state. I am using the Jasper (York) template. Can anyone help?
  23. Site URL: https://www.erobertson.design/ I am struggling to add Vimeo videos to my project page gallery. I would like them to be full-width, lining with my images, but the iFrame won't fill the page width. The video ends up with a margin either side. This is the embed code I am currently using: <div class="video-responsive"> <iframe allow="autoplay; fullscreen" allowfullscreen src="https://player.vimeo.com/video/[INSERT-VIDEO-CODE]?wmode=opaque" width="100%" frameborder="0"></iframe> </div> I'm not currently using a video thumbnail. When I use a video thumbnail, the thumbnail fills the page width, but the video still doesn't. I am using the Jasper template. Can anyone help?
  • Create New...