Jump to content

nitzin

Member
  • Posts

    16
  • Joined

  • Last visited

Posts posted by nitzin

  1. Hi,

    On my current website, I have a custom header which works great on desktop but the 3 bars on the mobile display is too far to the right (at the edge of the screen and not on the white pill shape). Is there any way to fix this? Here is the current code I'm using for the navigation:
     

    .header-title-nav-wrapper {
      border-background: #FFFFFF}

    @pilo-bar-background: #FFFFFF;
    @pilo-bar-padding: 5px 25px;
    @pilo-bar-border: 0px solid #000;
    @pilo-bar-radius: 30px;

    .header-title-nav-wrapper {border: @pilo-bar-border; background: @pilo-bar-background; padding: @pilo-bar-padding; border-radius: @pilo-bar-radius;}

    Here is the password for the site:
    raccoon-vuvuzela-kxxa.squarespace.com
    Password: SMJ

  2. Hi,

    My site currently has Primary/Tertiary Buttons set to be text with a simple underline below it (including form buttons).

    Is there a way to customize this so that instead of the line, the buttons have a custom icon centered below the CTA button?

    Attached images below:

    Screenshot 2024-04-15 at 11.40.00 AM.png

    Screenshot 2024-04-15 at 11.40.10 AM.png

    Screenshot 2024-04-15 at 11.43.34 AM.png

    Screenshot 2024-04-15 at 11.43.43 AM.png

  3. Hi, 

    I'm looking to convert my navigation bar into a pill shape, exactly like the wegrow example below (turning it into a pill shape with an opacity/blurring effect). The wegrow example only turns into a pill shape when the user begins scrolling fyi.

    Any ideas?

    Screenshot 2024-04-01 at 9.38.35 AM.png

  4. Hi @Beyondspace
    With this code, only the first item is affected and looks great. For some reason the third is not responding.

    Also is there a way to make the transition sliding and tilt happen in one motion? Currently when I use the arrows, it slides and then tilts, not sure how to make that movement happen at the same time.

  5. Hi,

    I've searched this forum and can't find an answer to this. I have a carousel card scrolling section with images and content. I am trying to figure out what code to use to make the cards on the sides have a slight tilt/perspective? This way the carousel can have a 3D effect.

    Any suggestions/ideas would be helpful. Thanks!

×
×
  • 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.