yubrajs

Add this code:
.Header-branding-logo {

max-width: 100%;
  width: 60vw !important;
}

Image look grainy to fix that you have to remove the sizes attribute from the image tag with javascript.

This is for mobile:
.Mobile-bar-branding-logo {
  width: 340px;
}

Fixed it!

Hi,

I am working to achieve a progress bar with wave animation in a audio file. Everything looks fine except the progress bar doesn't load in html canvas tag. 

Please help.

site url: https://disc-brass-tj57.squarespace.com/audio-player

password: 123

Trying to achieve something like this: https://joecomposer.com/

Thank you

Thanks tuanphan!
Its actually Standard license version I was using. So I upgraded to Business license it worked.

Hi everyone,

I am having issues on my product page. When I click the "buy now" button a lightbox pop-up where i have images and form fields. The image is not showing. Please check the url and ss attached.

https://www.motherandchild.com.sg/courses/first-aid-for-couples-course

Thanks in advance! 

Is there any solution on this? Please help!

Hi everyone,

Is there a plugin or custom code to integrate a social login/sign up/register Form in squarespace? 
Something like the screen-shot attached.

Thanks your response.
But how to download them from squarespace admin? I don't see any option to download, nothing in the assets literary.

Hello,

How do I transfer pdf files, commercial plugin files(js/css) from 7.0 to 7.1 at once?

Please help.

Hi everyone, 
How can we pull the post content inside an accordion? 
Post title as an accordion title and post content as accordion item description. Can it be done with jquery/ javascript?
 

Hi everyone,

I am building a web page with post thumbnails, clicking on them open up a modal popup with the respective posts. Something similar like this website: https://mvsm.com/

I able to achieve other features like image overlay, pop up modal but don't know how to display post content in a modal. Can this be achieved in squarespace?

We can find plugin in wordpress "https://wp-post-modal.allureprojects.com/". Is there similar plugin in Squarespace? Please suggest.

Thanks in advance!

@Roguetattoopgh
Unfortunately, this doesn't work. Its only shows image overlay.

Actually I want to display posts in a modal pop-up when a post thumbnail is clicked within the same window. Like the reference url (https://mvsm.com/)

Thanks

Unfortunately this doesn't work for me 😞

Here is the link:

https://soybean-kangaroo-2dxw.squarespace.com/gallery

password:12345

I want to update the layout as shown in the picture above.

Hello,

How can we build a posts collection page that have post thumbnails with an uneven width. Like the attachment picture.

Thanks in advance!

Hello,

How can we build a posts collection page that have post thumbnails with an uneven width. Like the attachment picture.

Thanks in advance!

Hi Everyone,

How can we integrate a feature like this site: https://mvsm.com I want exactly same. Can we achieve with custom code or is there any plugins? 
Please help me!

I really appreciate your help!

Add this code:

@media only screen and (max-width: 767px) {
	.products .grid-item {
		width: 100% !important;
	}
}

Hi,
I don't see any underline on the navigation. Can you put it back? Thanks

You cannot have multiple buttons inside slideshow. You can achieve it with custom code.

Hey,

You can add as many buttons as you like by going to "Add Block > Button". Its very easy. Not sure what you were trying to achieve. 

Your website url please?

Inside Website Tools > custom css

@media only screen and (max-width: 428px) { /* for mobile */

	.item-pagination[data-collection-type^="portfolio"] {
		display: flex;
		justify-content: space-evenly;
	}

	#itemPagination a.item-pagination-link{
		padding: 4px 18px 4px 18px !important;
	}

}

Remove ".force-mobile-nav" from the code:

.mobile-nav-toggle .top-bar, .mobile-nav-toggle .middle-bar, .mobile-nav-toggle .bottom-bar{
	background-color: unset !important;
}

You can find it here use css code:

https://www.toptal.com/designers/htmlarrows/arrows/

Apply this code into custom css:

.force-mobile-nav .mobile-nav-toggle .top-bar, .force-mobile-nav .mobile-nav-toggle .middle-bar, .force-mobile-nav .mobile-nav-toggle .bottom-bar{
	background-color: unset !important;
}

.middle-bar::after {
    content: "\21E6";
}

.mobile-nav-open .mobile-nav-toggle .top-bar, .mobile-nav-open .mobile-nav-toggle .bottom-bar{
	background-color: #fff !important;
}