ab24

14 minutes ago, Ziggy said:

Tweaking your code to this should solve the problem:

.sqs-block-summary-v2 .img-wrapper img {
    border-radius: 16px;
    border: 2px solid #303030;
    transform: scale(0.96);
}

 

Thank you so much! This worked perfectly.

I'm having trouble getting the borders to show up correctly on this carousel summary block. The first image shows the aspect ratio as Auto and the second image shows it as 2:3 (standard vertical).  The Auto aspect ratio works the best at showing most of the borders but even then the third image's right border is not showing up properly.
 

This is the code I used in the Home page injection section:

  .sqs-block-summary-v2 .img-wrapper img {
    border-radius: 16px;
    border: 2px solid #303030;
  }

----

Website: https://serenidad-therapy.squarespace.com

Password: demo

19 minutes ago, Ziggy said:

If you use this CSS to make the section full width then it will keep the columns even:

section[data-section-id="6530eb4a4b12c2193e94f958"] {
  .fluid-engine {
    --sqs-site-max-width:100vw;
    --sqs-site-gutter:0vw;
  }
}

The section ID I've used is for the purple section on your About page, but you can target this to any section.

I added that code snipet but now the section id is:

section[data-section-id="6530f001146e4f13196da71a"]

but I still noticed the columns are not the same size.

https://blue-tomato-6znt.squarespace.com/config/
Password: demo

How can I make this 3-column layout full-width? 

I tried adding shapes and then adding the content inside of each rectangular shape but the middle column ends up being wider than the rest.

1 hour ago, tuanphan said:

Don't remove above code. Add this code under

html, body {
    overflow-x: hidden;
}
nav.header-nav-list {
    justify-content: space-between !important;
}
.header-nav-item {
    padding-left: 6vw;
    padding-right: 6vw;
}

 

Worked perfectly 😄 Thanks @tuanphan

20 hours ago, tuanphan said:

Add to Design > Custom CSS

/* navigation border */
.header-announcement-bar-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex: 0 0 100% !important;
    margin-right: auto;
    width: 100% !important;
}
nav.header-nav-list {
    display: flex;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.header-nav-item a {
    line-height: initial;
}
.header-nav-item {
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin: 0 !important;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-left: -1px !important;
}

 

Its looking good! But when I added the code, the nav links didn't take up the full width of the page. See attached image.

Thanks!

On 12/25/2021 at 10:27 AM, bangank36 said:

Can you describe more detail about your point? Do you mean that you want to set layout the same as image you attached?

Yes, I would like to recreate the navigation layout like the image I posted. Sorry about that! 

Site URL: https://www.marlunacreative.com

I'm pretty new with Squarespace and CSS so this might be super easy for some but def. not me lol. I tried looking at how other sites do it by using the developer tool in Chrome but no luck getting it to look like the image above.
 

Site: www.marlunacreative.com

Password: Bear1234!!

Hi @tuanphan, 

I just saw this notification. Yeah, there's a lot of mobile/tablet fixes I need to do. I'm still learning but so glad you caught those.

What is the media query you'd use for tablet sizes? I've tried a few but they seem to override the mobile ones. If you could help me out with the tablet size media queries that'd be awesome!

@Agha_Waqas That did it! Thank you so much!

Site URL: https://armadillo-decor.squarespace.com/

I'm trying to resize the image below to make its max-width 150px. I thought if I copied that "figure#..." portion it would fix the issue but it doesn't. 

Anyone know of a better way? Unless I missed something. 

site: https://armadillo-decor.squarespace.com/

password: armadillo123

Thanks!