Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by gibgib

  1. Hi, On my site bouldersgym.com when I make a desktop window smaller it goes through 3 phases. There's the large desktop size, the "mobile" size, and then a size in between where the responsive website changes to having a hamburger dropdown menu instead of the full menu, but is bigger than what is considered a mobile size. This middle size has a different background color (navy blue) vs the transparent white or light blue set for the desktop and mobile menus. I can't figure out how to change the colors on this middle size using the squarespace editor. I was wondering if anyone can help me with this? I just want to change the background color of the hamburger menu to a light blue to match the mobile size and I am not sure how to address this with code. Thanks in advance!!
  2. @tuanphan no, i did not - that is why i am confused. There is still a clickable link in the excerpt.
  3. @tuanphan Hi, sorry for all the confusion and questions! yes, that button is still clickable however, that is the default original button that takes me to Squarespace's created event page. I cannot figure out why, but the clickable button made with code to the external link is no longer working. So I cannot use the code to get rid of squarespaces default button because otherwise there is no button at all. 😞
  4. @tuanphan My code to make the clickable text look like a button doesn't seem to work any longer. I am not sure why, as I haven't changed it. Do you have any idea what might be wrong? Also, do you know code that could change the image and title to link to that clickable text link? Thanks so much again for all your help.
  5. @tuanphanHi, sorry for the confusion, I fixed it. I was wondering though, is there any way to remove the original "view event" button? I can't seem to make it go away. Otherwise it looks really bad having two buttons.
  6. @tuanphanI added an external link to the Adult Team Season event and the Nightmare on carrol street
  7. @tuanphan Yes I am able to add an external link. We are on a business plan. Thank you!
  8. Hi, I have my Events page set up and am trying to figure out if there is a way to make the event image, title, and view more button link to an external link. In this case to the separate page created for the event on my website. I hate how the Squarespace-created event pages look and they are super clunky to edit. I want to skip this page and have the user directed to the actual event created for the page. Bonus points if there's also a way to solve this for the event summary block. I am trying to make the "Adult Team Season" event link directly to https://www.bouldersgym.com/adultteam, rather than to https://www.bouldersgym.com/events/adult-team-season There was previously a forum that found some solutions, however, they were not great and the one fix to the "view event" button no longer works. I am hoping that anyone with a better understanding of coding/Squarespace knows of a way to make this happen. Is it even possible? Thanks so much!
  9. Hello, I currently have custom css to make my navigation background change color on hover, but the background color only goes part way on the width of the dropdown menu. I'm new to coding, so I'm not sure how to fix this on my own but I was wondering if anyone knew how to fix this. I couldn't find any posts describing how to do this based on my verbiage for a search, but that may be because I do not know the correct terms for things. For example, it currently looks like this (how the highlight section has no padding on the sides of the word "about" & ends within the margins of the dropdown menu on "employment", but i would like it to look more like this and stretch the whole way across the dropdown: Thanks in advance!!
  10. In case anyone else has this issue, I figured it out. It seems like ss code blocks might have stopped allowing for code to be formatted like how our POS system makes it: <iframe width="100%" height="100%" src="https://bouldersgym.portal.approach.app/pass-type/55/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen /> and wants it like: <iframe width="100%" height="100%" src="https://bouldersgym.portal.approach.app/pass-type/55/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></frame> for some reason, the first way still works in markdown blocks and only is giving me issues in code blocks, and this has happened somewhat randomly as our code blocks have been formatted the first way unchanged and functioning up until recently. Maybe an update from Squarespace or something?
  11. Hello, I'm somewhat new to website building/coding so this may be an easy fix and I might be doing something completely wrong. I'm having an issue where code blocks "break" whatever page they are on. This spontaneously happened, and I made no changes to any code blocks or custom CSS between when the pages were functioning correctly and when they broke. The pages with code blocks all open with no header or footer and will remove any blocks on the page, however, the background remains. The code blocks contain code copied directly from our POS system that embeds Iframes in the page. I have some custom design CSS on my site, but I have tried deleting all custom CSS design coding and deleting the code blocks on the existing broken pages, but nothing returns them to normal. If I remake the pages, the code blocks will function and open the iframes with a functioning header and footer until I save and exit, and then the page will load broken. If I remake the pages exactly the same as they were made previously, however instead of using code blocks, use markdown blocks with the same code from the code blocks, they function 100% normally. I also have no code injection and the pages aren't in member areas. I have since replaced most of these pages in my navigation with pages using markdown blocks instead, however, I would like to figure out why the code blocks are doing this or what I am doing wrong. I would greatly appreciate it if anyone has any insight on why this may be happening because I am completely stumped and ss support will not help with coding issues. Thank you in advance! broken page:https://www.bouldersgym.com/localdeals broken page: https://www.bouldersgym.com/classcalendar3 --> exact duplicate with markdown blocks: https://www.bouldersgym.com/classcalendar broken page: https://www.bouldersgym.com/signinwaiver3--> exact duplicate with markdownhttps://www.bouldersgym.com/signinwaiver
  12. #header .header-title-logo img { transition: max-height 140ms ease-in-out } #header.shrink { .header-announcement-bar-wrapper{ padding-top: 20px!important; padding-bottom: 20px!important; } .header-title-logo img { max-height: 40px; } } I have this to shrink the logo, however, it seems like on mobile it makes the logo larger rather than smaller, any ideas on how to make it shrink both on mobile and desktop? I also would really like it if I could shrink the button in my header with the logo, is there any code to do so?
  13. I think I had a similar issue and found this tutorial by @paul2009 here that helped me out I used this tutorial to create manual buttons which I set to go to my external registration links with the hope that most people will click on the button rather than the event title or image that links to the individual squarespace event. If someone does click on either of those and end up on the individual squarespace event page, I just added a second button that says "view event" to take them to the correct external link. It's maybe not the cleanest solution, but works well enough for my use.
  14. Hi @bangank36, I was able to get it to function better than it originally was, but I was wondering if there is a way to make the iframe full sized so that it does not need it's internal scroll bar, no matter what device it is on? Right now there is a scroll bar within the iframe and on the squarespace page as well which feels clunky to me, especially on mobile. I've tried a few different strategies from different forums but can't get any of the to work quite right. Thanks!
  15. Site URL: https://www.bouldersgym.com/signinwaiver Hi, We use a POS system that integrates into our site using an Iframe. Unfortunately the iframe works well on the desktop version but on mobile fails to be properly responsive. Any tips?
  16. Site URL: https://www.bouldersgym.com/ Our gym recently switch POS systems and used the opportunity to rebuild the site. The POS system is a newer company so we are still trying to figure out how to best incorporate it's built in features. This is my first time rebuilding an entire site and I would really appreciate any feedback!
  • 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.