LV-OZ
Circle Member-
Posts
53 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by LV-OZ
-
Linking Folder in MOBILE Navigation Title To a Specific Page
LV-OZ replied to LV-OZ's topic in Site Structure & Navigation
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; } -
Linking Folder in MOBILE Navigation Title To a Specific Page
LV-OZ replied to LV-OZ's topic in Site Structure & Navigation
Or perhaps there is a different code all together that will work for Mobile navigation? -
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!
-
You're the best! Thanks Tuan!
-
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!
-
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!?
-
-
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.
-
The only other issue is that is does not autoplay for some reason in mobile. Is there a way around that?
-
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!
-
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
-
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.
-
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
-
Fade out of text, and stay hidden - and looped
LV-OZ replied to LV-OZ's topic in Customize with code
-
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; } }
-
Removing underline on drop down navigation - desktop and mobile
LV-OZ replied to LV-OZ's topic in Customize with code
YES!! Thank you, that worked. Much appreciated -
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; }
-
yes, 10.11.6
-
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.
-
-
-
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
-
yes, correct!
-
Got it. Thank you!!
-
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; } }