Jump to content

LV-OZ

Circle Member
  • Posts

    53
  • Joined

  • Last visited

Everything posted by LV-OZ

  1. Thank you I solved this problem by adding a link as a first item to the folder in the navigation, and then hiding it on desktop only, using this code: // DESKTOP - Navigation - remove first nav link in folder on desktop// .header-nav-folder-item.header-nav-folder-item--external { display: none; } .site-wrapper .header-menu .header-menu-nav a:not(.btn) { color: #fff !important; }
  2. Or perhaps there is a different code all together that will work for Mobile navigation?
  3. Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision Hi I use the technique below to to link a Folder Navigation Title To a Specific Page. This works perfectly on desktop and tablet, but does not work on mobile. Any tips on getting it to work in the Mobile navigation? https://squarecamp.com/custom-code-tips/how-to-link-folder-navigation-title-to-a-specific-page-on-squarespace-71 It's on the OUR WORK section. https://hypersphere-parsnip-zhhw.squarespace.com/vision pw: peekaboo Thank you!
  4. Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision Hi I am trying to make 1 image darker with an overlay and I can't seem to get the code right: #block-3e8390006077bf2ae14b .sqs-block-image { filter: brightness (.5) !important; } I'm trying to target the middle image with the flowers. Any help appreciated! https://hypersphere-parsnip-zhhw.squarespace.com/vision pw: peekaboo Thank you!
  5. I do have the video, but it is not black inside the video itself. Perhaps the aspect ratio does not work in the mobile configuration!?
  6. Sorry, just saw this: <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/fDb1cqyi44w?playlist=fDb1cqyi44w&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe> But, also the black bands still appear on the video! dutjahn.com/fragrance thank you - sorry for the delay.
  7. The only other issue is that is does not autoplay for some reason in mobile. Is there a way around that?
  8. Thank you so much - it worked well. Is there any way to adjust the height of this block so that that there is no black bands top and bottom of the video? Ie. so it's the same height of the actual video. Your help is so appreciated!
  9. thank you. I have duplicated the page - as the other one is live. The other coding is not applied to this page, so it looks a little wonky, but all you need to focus on is the embedded code for the video. Much appreciated! Website: https://lobster-ray-g42d.squarespace.com/fragrance-2
  10. No, I'm afraid not. I just hid the embedded code on mobile and inserted a regular video block for mobile only. I would still love to see if there is a work around for this. The problem still remains that the embedded code I used does not auto play or loop on mobile, nor is it smaller or centred on screen.
  11. Hi - I have a similar problem. I used this code to embed a video on my website using and EMBED block: <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/fDb1cqyi44w?playlist=fDb1cqyi44w&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe> and this to try and fix it being too large in MOBILE, but it does not work: @media screen and (max-width:640px) { #block-yui_3_17_2_1_1655703720249_4133 { width: 20% !important; margin: auto; } } So it looks like this in mobile: Can anyone please help fixing this issue? Thanks so much! Website: https://lobster-ray-g42d.squarespace.com/fragrance
  12. Site URL: https://lobster-ray-g42d.squarespace.com/fragrance Hello I am using the code below to animate some text (in a code block) to fade out over a time period. I then want: for the text to remain hidden once it had faded away until the end of the video (41s long) for it to loop back to the beginning again when the video starts again, and fade in and then fade back out, in continuum. Is there a way to build that into the coding? Thank you! Louisa #block-yui_3_17_2_1_1655285596647_6593 {.fade-out { animation: fadeOut ease 35s; -webkit-animation: fadeOut ease 35s; -moz-animation: fadeOut ease 35s; -o-animation: fadeOut ease 35s; -ms-animation: fadeOut ease 35s; letter-spacing: 2px; font-family: 'BreweryProMedium' !important; font-size: 24px !important; text-align: center; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
  13. Site URL: https://lobster-ray-g42d.squarespace.com/config/design/custom-css Hi - I am hoping someone can assist. I am struggling to remove the underline in my dropdown navigation and mobile navigation. I have been using the following codes, which have been suggested in previous queries, but it does not seem to work for me and I don't know why! Thank you! header a { background-image: none !important; } div.header-menu-nav-item--active a { background-image: none !important } .header-nav-wrapper a { background-image: none !important; }
  14. I see, yes my Mac is old and I cannot update the OS. So, it seems a new computer is in order for me! Thank you.
  15. Site URL: https://lobster-ray-g42d.squarespace.com/config/ Hello everyone - I am having a big problem where suddenly I cannot see any images on any of my squarespace sites when I go to edit them. Also, I cannot see images on any other squarespace sites not built by others! I have no idea how this happened and if it is a squarespace issue or a chrome issue or a computer issue!? All other websites work fine in my Chrome browser. This is the error message on others' sites: NET::ERR_CERT_DATE_INVALID I have gone to my 'Date & Time' pane to ensure the date and time was correct, which it was, and now I do not know what else to do. Has anyone else experienced this? Any advice? Thank you in advance, Louisa
  16. Site URL: https://lobster-ray-g42d.squarespace.com/k-farmer-foundation Hello One small issue I cannot seem to fix is in the MOBILE version of my site I would like to reduce the size of the type in the Image block with a collage. I managed to adjust it for the normal desktop version as well as for tablet, but I cannot seem to get this code to work for mobile! Any hints? Thank you! PW: youcanenter this is the code I have been using, to no avail! @media screen and (max-width: 767px) { #block-c52eda86fd78a01e48e6 .image-title-wrapper * { font-size: 15px !important; } }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.