Jump to content

mbockmaster

Circle Member
 View Profile  See their activity

  • Posts

    188

  • Joined

  • Last visited

 Content Type 

Everything posted by mbockmaster

  1. mbockmaster
    Hi @CarolStatella, yes, you'll add it to the custom CSS area! You'll need to update the class to apply it to each element with a hover state.
  2. mbockmaster
    Hi @mike.bj & @CarolStatella, I encountered this issue a while back and wasn't willing to lose sitewide animations to fix it. I found that adding the following media query (for each element with a hover state) was a better (albeit time consuming) solution. I've tested it on iPhone and it solves the issue. It may not be the perfect fix but hope it helps! @media only screen and (min-width: 768px) { .sqs-button-element--secondary:hover { /* styles here */ } }
  3. mbockmaster
    On each page, my hero section loads and then the background image 'jumps' and zooms in. Has anyone else experienced this, and knows how I can fix it? I have a parallax on the image and I don't want to remove it. Hoping that's not the only way! Screen Recording 2024-04-08 at 9.08.46 AM.mov
  4. mbockmaster
    I removed everything and tried again and it worked! Thanks so much!
  5. mbockmaster
    Hi @tuanphan! Thanks for your reply. In your screenshot, the elements should be dark as pictured. But, when over the first section (like the attached), I'd love the logo and hamburger to be white!
  6. mbockmaster
    Hi @tuanphan! I followed this to a T, but the section isn't displaying above my header. Hoping you can help? https://potato-goose-e48n.squarespace.com/ pw: bockmaster
  7. mbockmaster
    Hello! I'm wondering if anyone has been able to achieve a top navigation that changes colour after scrolling past the hero section. I'm currently using a sticky nav which is fine, but it changes colour based on time rather than on amount scrolled. I'd love to have the logo and menu white when on the hero image, and black after that. Inspo: https://www.capsule-design.studio/ my site is: https://potato-goose-e48n.squarespace.com/ pw: bockmaster
  8. mbockmaster
    @orkoellis, it looks like you were able to achieve this! It looks amazing. would you mind sharing the code you used (or the plugin, if you purhased) to get it working?
  9. mbockmaster
    Hi @tuanphan I was actually able to change the menu transition to opacity, rather than height! My menu is perfect now. Thank you so much for all of your help!
  10. mbockmaster
    Thank you so much @tuanphan! The links and 'creative' are now showing up after the menu has fully covered the screen! However, when the menu closes, these elements need to disappear as soon as the X is clicked. Is there a way to have the delay when they appear, but remove the delay on close? I'm also hoping to add a slight fade to the opacity, so that when the menu is clicked, the elements fade up rather than the delay and then BAM, appear. Is this possible?
  11. mbockmaster
    Hi @tuanphan! This is amazing, I'm super close! The delay worked on the nav links, but 'CREATIVE' still comes up right away. I tried experimenting with the code you provided to see if I could get 'CREATIVE' to do the same thing, but I'm afraid my Jquery knowledge is little to none. I'm also hoping I can add a slight fade transition to the opacity. Thank you SO much for your help!
  12. mbockmaster
    Oh my gosh @tuanphan, you are a lifesaver! I was able to get my links to stick right in the centre using your code as well! The only outstanding issue is: My menu transition takes a second, and during it, both 'CREATIVE' and the nav links appear before the background has fully covered the screen. I'd love to have them be 'uncovered' as the menu opens, the way 'BOCKMASTER' does at the top. Hard to describe, but you can see in this screenshot that the menu elements have appeared before the black background has covered the screen. Can you help?
  13. mbockmaster
    Hi @tuanphan, yes exactly! all of the text/background colour should only show when menu is open. i'm just having trouble getting 'CREATIVE' to be positioned at the bottom of the viewport, and stay there even when the screen is resized.
  14. mbockmaster
    Hello! I'd use Will Meyers' Tabs plugin for this. It's a great plugin and support is excellent should you run into any snags. I'm not affiliated, just a fan 🙂
  15. mbockmaster
    Hi Amy! I've used Will Meyers' Tabs plugin to achieve this effect! Great plugin, and top notch support should you need it.
  16. mbockmaster
    I was looking into this previously and found this article! Hope it helps 🙂
  17. mbockmaster
    Hoping that maybe you @tuanphan or you @Ziggy might have the magic solution? 🤞
  18. mbockmaster
    Hello! I'm trying to style my full screen desktop menu like the screenshot. I've managed to get 'BOCKMASTER' to fix to the top of the screen regardless of the viewport size, but using the same code for 'CREATIVE' isn't quite working. I thought I had it when I used fixed position: .menu #block-b3227c180fb77e2f7555 { position: fixed; bottom: -4.4vw; } But that made the element visible even when the menu is closed. Is there a way to use absolute positioning to attach this block to the bottom of the viewport? Or to use fixed positioning that keeps the element within the .menu? https://potato-goose-e48n.squarespace.com/ pw: bockmaster
  19. mbockmaster
    Bump, wondering if @tuanphan, @Ziggy or @creedon might have insight?
  20. mbockmaster
    Hi again @tuanphan! This has helped to a point, but I'm having trouble when adding 'height: 100vh;' to my hero section on this page. Can you help? I'd like this section to be full screen, like the other pages hero images.
  21. mbockmaster
    Hi @Vicks & @FTWSGEM! This is exactly what I've been trying to create, thank you so much for sharing your knowledge! I've got this partially working, but am having some difficulties with the text cutting off. I see that I can keep increasing the line height to help, but it forces my text down. It seems that my container is collapsing, is there a better way to resolve? https://toucan-vuvuzela-r235.squarespace.com/about pw: illume
  22. mbockmaster
    I have the same issue. It's making it difficult for my client to manage.
  23. mbockmaster
    Hi @tuanphan! I was hoping I could reuse this code to do the opposite—I'd like to make my gallery smaller on mobile. I've gotten close with the following code, but the gallery images crop from the bottom rather than using my focal points. .sqs-gallery-container { position: relative; overflow: hidden; max-height: 40vh; } I'd so appreciate any thoughts! https://fife-sunflower-68mk.squarespace.com/spa-menu pw: elipsis
  24. mbockmaster
    Hello! I'm hoping to get some help creating a blink and change text effect, like the attached. I supposed that this could be achieved with an autoplay summary carousel, but there must be a better way? My site is: https://potato-goose-e48n.squarespace.com/ pw: bockmaster (though I don't have much to see here yet) Screen Recording 2024-01-10 at 1.57.54 PM.mov
  25. mbockmaster
    My hero! Thank you so much.
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources