Jump to content

moonlitdesign

Circle Member
 View Profile  See their activity

  • Posts

    139

  • Joined

  • Last visited

 Content Type 

Everything posted by moonlitdesign

  1. moonlitdesign
    Hey sorry @tuanphan I have only just seen this. this unfortunately did not fix the problem 😞 I can't think of anything else or why it's doing it!
  2. moonlitdesign
    have you tried: .fe-block.fe-block-c92fd2ec45055facf4ad { mix-blend-mode: difference !important; }
  3. moonlitdesign
    Hey no but thank you! i managed to find the culprit. i had body, html overflow-x added to my css. I will have to find another way to stop page movement now hahah!
  4. moonlitdesign
    THANK YOU !!!!! that's perfect. just had to make few adjustments here and there but otherwise perfect. can't thank you enough! #coolbuttonhovereffect #circlebuttonfillonhover
  5. moonlitdesign
    Hey sorry yeah i turned it off just for now, thank you for your reply. i've switched it back on so you can see whats happening. i'm not too sure how to describe it to support team!
  6. moonlitdesign
    Hey @tuanphan , thank you so much!!!! i just had to edit the code slightly to this instead: //close icon// body.header--menu-open div.burger-inner>div { left: -6px !important; } ////// the position relative was making the icon not look like a cross for some weird reason haha so i just took it out. all the best
  7. moonlitdesign
    @tuanphan thank you that worked a treat!
  8. moonlitdesign
    same, did you have any luck?
  9. moonlitdesign
    Hey @Nick_SquareKicker I can't seem to get the mobile horizontal scroll working on my site whatsoever! it is leaving a large blank gap underneath the section and not completing the full scroll of the section. any help would be amazing! thanks! www.moonlitdesign.uk/design-services
  10. moonlitdesign
    Hey! i don't know why this has stopped working as it was fine this morning. i had an overlapping image but now the section below is showing above / on top of the image. i've tried z-index but no luck. here's current code: @media screen and (min-width:768px) { #block-dcd7158a35cf1cf082ed { transform:translateY(50%); z-index:9999!important;} } www.moonlitdesign.uk/design-services
  11. moonlitdesign
    thanks! this in theory works, but makes the menu when open from another page even more messed up. im not sure why it is appearing differently from different pages! crazy.
  12. moonlitdesign
    thank you so much for trying ! i managed to contact the creator with what you said and their reply was this: "There's an arrow down in the top right corner of the CSS panel. You click it and you get among the options "View Compiled CSS". Alternatively you can just add .css at the end of the CodePen link. Just don't forget to remove the #btn--yp styles, which are strictly for the YouTube link (linking back to this video from CodePen)." if that helps?
  13. moonlitdesign
    thank you for your time!! i'm wanting to use it as part of a loading screen - not sure where to put the code for that 🙂
  14. moonlitdesign
    Hey i'm trying to add this pre loading animation to my site from code pen, but am not having any luck. https://codepen.io/thebabydino/pen/GRqKwqX is this possible? thank you
  15. moonlitdesign
    yeah i managed to solve the issue, however have a few other issues! - the counters show in different alignment when you open the menu from different pages. meaning it touches the borders when it shouldn't. opening the menu from the homepage is the correct look of how the numbers should be. - and the sub / secondary drop down nav menu should not have counters. i tried to add: :not(.header-menu-nav-item .header-menu-nav-folder) to my menu page number code but didn't work! - the close icon is also not centred in the circle border
  16. moonlitdesign
    i've managed to get a circle border, but the close icon is in the wrong place. it needs nudging into the center of the circle / left. updated code: /* burger */ .burger-inner>div { width: 50% !important; } .burger-inner>div { left: 0 !important; right: 0 !important; } .burger-box {border:1px solid #1d1d1d; border-radius:50%; }
  17. moonlitdesign
    Hi there, im looking to add a circle border around the burger menu icon but having difficulty. the code im trying is: /* burger */ .burger-inner>div { width: 50% !important; } .burger-inner>div { left: unset !important; right: 0 !important; } .burger {border:1px solid #1d1d1d; border-radius:50%; } www.moonlitdesign.uk/home-old
  18. moonlitdesign
    Hey @tuanphan i paid for a plugin 🙂 I do however need help to disable the menu counter on the sub navigation, and make sure the menu counter is in the same position (a little higher than the page menu links) when the menu is opened from all pages. currently, when you open the menu from the homepage, the counters are in line with the menu links, and when you open the menu from any other page, the counters are showing much higher! any thoughts would be so appreciated thank you www.moonlitdesign.uk/home-old
  19. moonlitdesign
    THANK YOU ! that worked perfectly. is there a way to increase the size of the gap between them so they are full width? @tuanphan
  20. moonlitdesign
    www.moonlitdesign.uk/our-story
  21. moonlitdesign
    hi there, my mobile menu is showing centered only from the homepage. it should be left aligned always! www.moonlitdesign.uk/home-old
  22. moonlitdesign
    @jnmillre did you manage to write the code? would be super incredible! thank you https://moonlitdesign.uk/home-old
  23. moonlitdesign
    Could you please share your code for this effect, this is exactly what im after!!! thank you @Lauren_C https://moonlitdesign.uk/home-old @tuanphan
  24. moonlitdesign
    hey there, my blog summary item is showing up a background on live mobile testing, when it should be transparent. is there a way to fix this please, nothing i've tried is working!
  25. moonlitdesign
    hi there, i'd like to replace the mobile carousel arrows with (PREV) and (NEXT) just like on desktop version, and be able to control the space inbetween the middle of them, any help would be fab thank you! www.moonlitdesign.uk/home-old
×
×
  • 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