Jump to content

moonlitdesign

Circle Member
 View Profile  See their activity

  • Posts

    139

  • Joined

  • Last visited

 Content Type 

Everything posted by moonlitdesign

  1. moonlitdesign
    www.moonlitdesign.uk/home-old
  2. moonlitdesign
    hi there! i would like to remove the padding at the top of the marquee scrolling text so that it sits flush to the top of the section. I've tried everything i can think of with no avail. thanks!!
  3. moonlitdesign
    styled square plugin should achieve this
  4. moonlitdesign
    that is a styled square plugin!
  5. moonlitdesign
    @tuanphan I've managed to align the menu, but I am struggling to achieve the desired logo effect please see other thread:
  6. moonlitdesign
    hi there, i'm looking to shrink and replace the main logo with a different logo on scroll. the second logo needs to be left aligned. I would like this to kick into effect at the start of the second page section. I would also only like the second smaller logo to appear in the left corner on all content pages. here is an example: https://lowtide.co/ another example: https://www.thestyledsquare.com/header-scroll-feature-plugin?fbclid=IwAR1U437b3xWcCzGTCe6jKmJUcgmxpua1SU6tLDr26BUzmygfooxQK1NbZbs my site url: www.moonlitdesign.uk/home-old attached is my design:
  7. moonlitdesign
    I've designed this landing page for my website, and now i'm stuck on what process to take. I want the logo to be initially fixed and then the image to overlap on scroll. The logo needs to then shrink down to a monogram style version once we come to the second section of the site (the section below the landing page). The navigation menu links need to be sticky and where they are the whole time. Do I, a) have the logo set as a header title/logo or b) hide the header logo, just have the nav links to deal with and then have the logo as an image on the landing page? (shown here). if i do option b, this is what i need to do/need help with: Initial Setup: - Hide the header logo initially. - Implement the navigation menu links as sticky. - Make the menu navigation links vertically stacked, and left aligned to the full width of the page. - Add the circle icon above the nav links. Landing Page: - Display the logo as an svg image on the landing page. - Ensure it's initially fixed in position. Scroll Effects: - Use CSS or JavaScript to create the overlap effect of the image on scroll. - Make the necessary adjustments to ensure the logo behaves as desired during scrolling. Second Section: - Detect when the user scrolls to the second section. - Trigger the logo to shrink down to the monogram style version using CSS or JavaScript. https://www.moonlitdesign.uk/home-old
  8. moonlitdesign
    I registered a site for my client a month back, but i dont see the option to upgrade to the fluid engine? when can i expect to receive this? thanks!
  9. moonlitdesign
    pretty much any image where i've changed the position of it across the whole site, if you resize the browser window horizontally or vertically, you will see what i mean
  10. moonlitdesign
    what was the solution?
  11. moonlitdesign
    Site URL: http://www.moonlitdesign.uk I am so disheartened and not sure what i've done wrong. How do I create a fully responsive design where images and text do not move around when you resize the browser? i've set the media queries for mobile, tablet and laptop perfectly. There isn't one set for desktop, as I did all that coding first, then did the media queries for the other devices after. is this my issue? I'm just trying to find out what is best practices to make it work.
  12. moonlitdesign
    @tuanphan hey I’m getting similar problem where images are moving around on scroll when you open website from Instagram app and it’s ruining the experience. Any ideas ?
  13. moonlitdesign
    ahhhh I seee! Yes it's learning the code that's the issue hahahah. I'm trying! Thanks for the enlightenment!
  14. moonlitdesign
    Site URL: http://www.moonlitdesign.uk Hey there, i've just discovered this website built with Showit i believe, and i wondered how it is so responsive? I'm fairly new to coding and when I designed my site images and text would move all over the place when you resize the browser. This website however works completely seamlessly at any browser width and i basically just want to learn the secrets?! what code snippets and rules are allowing her to achieve this magic? https://www.bymartharose.com/
  15. moonlitdesign
    Hey, it says I don't have permission to view that?
  16. moonlitdesign
    you answered my question on this on another users post. I can't thank you enough! for other members, see code here: Add a text link in description & add this to Design > Custom CSS /* List section - Make clickable - Keep button */ body li.list-item { position: relative; } body .list-item-content__description { position: static; } body .list-item-content__description a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; }
  17. moonlitdesign
    Site URL: http://www.moonlitdesign.uk Hey! Absolutely loving the new scrolling text banner marquee feature on squarespace, I am looking to customise it! Can we make it full width? Can we customise the font? I've tried a few things, but haven't managed to quite get the effect i was after Thanks!
  18. moonlitdesign
    ABSOLUTE GENIUS thank you this worked a treat!
  19. moonlitdesign
    did you have any luck on this ? @igarashiphoto
  20. moonlitdesign
    Site URL: http://www.moonlitdesign.uk Is there some css code work around to make the images link to another page when using a simple user item list? I have seen threads for a carousel but not list. I would like the list image items on my homepage to take you to a portfolio page Thanks!!!
  21. moonlitdesign
    Site URL: http://www.moonlitdesign.uk/enquire When I click on the portfolio (recent work) page and enquire page, when testing my site on ipad pro 11, the view of the page breaks so that it is not displaying the css i've set out for it, and the correct mobile navigation, but it is showing desktop navigation instead and a messed up layout. I really don't know why?! any help much appreciated. Thank you!!!! www.moonlitdesign.uk/enquire
  22. moonlitdesign
    Could I please have code for this same affect for a simple list squarespace 7.1 ? @tuanphan
  23. moonlitdesign
    The code works in hiding the over flow yes, but it then breaks the scrolling on mobile. it makes every page get stuck and unable to scroll up or down
  24. moonlitdesign
    Yes please that sounds great!!!
  25. moonlitdesign
    24/03/2022 and still no progress?
×
×
  • 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