Jump to content

BoulevardNorth

Circle Member
  • Posts

    21
  • Joined

  • Last visited

Everything posted by BoulevardNorth

  1. @tuanphan This was super helpful, thanks for sharing! Do you know how to make it appear on mobile also? Thanks!
  2. Thank you! Do you know how to adjust the accordion padding so it spans the whole width of the page on mobile/tablet view?
  3. Site URL: https://trinity-united.squarespace.com/meet-our-team Hi, I'm having issues with some mobile view settings on my site. I'm using Squarespace 7.1 The site can be viewed here: https://trinity-united.squarespace.com/meet-our-team PW: Trinity-Blvd If you scroll down to the red section that has the accordion of the staff bios, I'd like that to span the width of the screen but can't seem to locate where to adjust that in css. Also, I've added css to stack the header and accordion since it's auto format goes side-by-side. The code I found to put in stacks them in the wrong order as I need the heading above accordion. Does anyone know what I'd got wrong in the code? section[data-section-id="61b1201f250f073b7bbff239"] .sqs-row { display: -webkit-flex !important; -webkit-flex-direction: column-reverse; display: flex; } Thanks in advance!
  4. I've tried changing the unset to 0, and this fixes the issue of the images being cut off. But it doesn't keep the styling of having the image overlap the section above it.
  5. I have attached screenshots of the issues with the overlapping. The images on the team page are cut-off and the logo in the footer as well. I can't seem to duplicate the other issue of the disappearing navigation, as it doesn't happen every time. Thanks for your help!
  6. Is there a way to expand the timeline block so it is the full width of the container instead of it being more narrow? I have a very long timeline with a lot of descriptive text, so I'd like the description box to expand further to the left and right on their respective sides of the timeline.
  7. Site URL: https://www.walkertonphysio.ca/ I have added custom css to allow for image overlap and custom top navigation but am finding that it does not consistently work. Within the footer, the logo is to overlap into section above, but it sometimes will get cut-off and the overlap code will not work properly. In addition to this, sometimes when you scroll down on a page and then scroll back up, the top header navigation section will disappear and not be visible until you refresh the page. Any suggestions on how these issues can be fixed?
  8. Hmmmm... I've tried adding that code but it still wasn't working unfortunately. The nav bar still wont open on android. Works fine on iPhone though.
  9. @tuanphan - Are you able to help with the mobile design styles for my site? The top left menu doesn't open for my client on mobile, but it works on my iPhone. I'm unsure how to adjust or fix this on Squarespace 7.1. Thanks!! Link: https://walkerton-physio.squarespace.com/ PW: Blvd-WP
  10. Sure - I would appreciate any helpful suggestions you'd like to provide for the custom css required. @tuanphan
  11. Site URL: https://walkerton-physio.squarespace.com/ I've been using custom css on this site to create unique folder hover shape/colour and I can't seem to get the dropdown folders in the top nav to remain transparent all the time. It usually works when I have the css panel open, but it's not reliable and staying connected to my css all the time. Anyone know a fix? This is the code I've been using: body:not(.header--menu-open) .dark .header-nav-folder-content { background-color: rgba(0,0,0,0.0);} Site Password: Blvd-WP
  12. Site URL: https://www.dianasweets.ca/current-offers I'd like to resize the form block lightbox button to be larger and the font to be increased. Can anyone recommend how to target this specific block and make these changes using custom css?
×
×
  • 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.