Jump to content

Shadmon

Circle Member
 View Profile  See their activity

  • Posts

    237

  • Joined

  • Last visited

  • Days Won

    8

 Content Type 

Everything posted by Shadmon

  1. Shadmon
    Unfortunately, there is no dynamic approach. I suggest you use this tool to lowercase your URL. It will take you a few seconds and you will be safe. https://convertcase.net/ let me know if it helps!
  2. Shadmon
    Your sample code won't work. You can simply change the URL slug from uppercase to lowercase manually. Please check the instructions here: https://support.squarespace.com/hc/en-us/articles/205814578-URL-slugs
  3. Shadmon
    You can add this code to Website > Website Tools > Custom CSS. Let me know if it helps! #collection-66723495be7816578c67941e .Main-content { padding-top: 15px; }
  4. Shadmon
    You can add this code to Website > Website Tools > Custom CSS. Let me know if it helps! #collection-667ad5ed1ae7d900c586ab76 .Main--page { padding-top: 0; } #collection-667ad5ed1ae7d900c586ab76 .Main-content { padding-top: 30px; }
  5. Shadmon
    Can you share the password for the website?
  6. Shadmon
    Please watch this video :
  7. Shadmon
    Can you send the url to your website?
  8. Shadmon
    Hi @turnerelectrical You can adjust the space between the items by increasing the margin 0px. If you add this css, you will see no space between the items: adjust the margin px for the height. .header-menu-nav-item a { margin: 0px auto; } Let me know if it works.
  9. Shadmon
    Can you share the page url so that I can check and help you.
  10. Shadmon
    Can you add this css and let me know if it works? .header-nav .header-nav-item--folder .header-nav-folder-content { backdrop-filter: blur(4px); background: transparent !important; }
  11. Shadmon
    Yes, you can do that. Change the background image url for <600px devices. @media (max-width: 600px) { header#header::after { background-image: url("https://svgshare.com/i/15tm.svg"); } }
  12. Shadmon
    Yes, you can do that. Change the background image url for <600px devices. @media (max-width: 600px) { header#header::after { background-image: url("https://svgshare.com/i/15tm.svg"); } }
  13. Shadmon
    Okay, Please update the other CSS code with this. It's the final one. It should work. Let me know how it goes. @media (max-width: 600px) { .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 40px; } .header-announcement-bar-wrapper { padding-bottom: 5px !important; padding-top: 10px !important; } header#header::after { height: 20%; margin-top: -5px; } }
  14. Shadmon
    To achieve a scrollable homepage with navigation to other pages without clicking on each page's title then create a single page layout where all the content from different pages is displayed sequentially on the homepage and on the navigation bar you can create anchor links to the sections.
  15. Shadmon
    @Timma89 If you want to target smaller devices then please add this code too: @media (max-width: 380px) { header#header::after { margin-top: -5px; } } Let me know how it goes.
  16. Shadmon
    You can add this code to Website > Website Tools > Custom CSS [data-section-id="6626b10328da752ad0d1e1e3"] .html-block { background: transparent !important; } [data-section-id="6626b10328da752ad0d1e1e3"] .fe-block { mix-blend-mode: normal !important; } .sqs-block-image .image-overlay, .sqs-block-image .sqs-image-content::after, .sqs-block-image .image-block-wrapper::after { opacity: 0 !important; background-color: transparent !important; } It will fix the issue.
  17. Shadmon
    @Timma89 Please use the updated code. I have made the changes and it will fix the issue. Let me know if you need any help!
  18. Shadmon
    Thank you for letting me know. It might not work as expected on iOS devices due to their rendering engine. Can you send me your website URL so I can provide a solution? Thanks.
  19. Shadmon
    Please send the URL of the page where you are facing the issue. Thanks.
  20. Shadmon
    Sure, You can do that. Here is the updated code. Replace the data-section-id with yours. [data-section-id="123"]{ .section-background{ &::after { /*creating the element*/ content: ""; width:100%; height:100%; position: absolute; /*adding the image*/ background-image:url(image.jpeg); background-repeat:no-repeat; /*positioning the image*/ background-size:cover; background-position:center center; background-attachment: fixed; /*mobile*/ @media(max-width:787px){ background-position:center center; background-attachment: fixed !important; } } } }
  21. Shadmon
    Hi, You can check out this solution here: Let me know if it helps!
  22. Shadmon
    Hi, Sure you can do that. You can add this code to Website > Website Tools > Custom CSS @media only screen and (max-width: 767px) { .products .grid-item { width: 100% !important; } } Let me know if it works!
  23. Shadmon
    Hi, You can use Dancing Script. You can add this code to Website > Website Tools > Custom CSS @import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap'); h4 { font-family: "Dancing Script", cursive; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
  24. Shadmon
    Hi Tim, Maybe you need to consider implementing a lightbox feature for the iFrame pop-up. This would activate when users interact with the button.
  25. Shadmon
    Hi, You can add this code to Website > Website Tools > Custom CSS @media (max-width: 600px) { .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 40px; } .header-announcement-bar-wrapper { padding-bottom: 5px !important; padding-top: 10px !important; } header#header::after { height: 20%; } } Let me know if it helps!
×
×
  • 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