Jump to content

Shadmon

Circle Member
  • Posts

    237
  • Joined

  • Last visited

  • Days Won

    8

Shadmon last won the day on May 19

Shadmon had the most liked content!

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. 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. 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. 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. 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. 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.
  6. Can you share the page url so that I can check and help you.
  7. 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; }
  8. 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"); } }
  9. 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"); } }
  10. 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; } }
  11. 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.
  12. @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.
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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