kcasey

@bangank36 Can you be a little more specific? I can identify the category pages, but am unsure how to do anything else. Are you able to share the code to make this happen? I should be able adjust to specifically target the content on my site, but I don't know where to start. Thanks!

Hi @creedon, this actually looks great.! What I meant was that one of the suggestions I tried first was to simply add a pipe separator of specified height between the two blocks. The tall green line looked fine on desktop, but on mobile it stacked between the two blocks leaving a tall 80 pixel green line you had to scroll past. Which made perfect sense when I saw it in action, but clearly wasn't going to be a good user experience. I would like to proceed with this effect you have here. I didn't even think of dropping the line on mobile, which is a great idea as well, but I'd like to try this one first. I can set up a test page and share that when I've tried it out. I really appreciate your time and help here. Thank you!

hi @bangank36 , yes, this is exactly what I mean, the category page at the top of each shop. Right now, it's just the items in the category, but I'd love to be able to include a category-specific image, title, and some intro text. Would you be able to post your solution here? I'd be very, very grateful! And if you're comfortable, could you share the website you accomplished this on? I've love to see it. I hope that's acceptable to ask, but no worries if you're not comfortable with that.

hi @creedon YES! This looks great and is much cleaner than mine! Your end result is a single block, mine is each button section in it's own block as this was the only way I could do it. Please, how did you do this? Questions: does this solution keep the green bar to the left on mobile as well? When I tried a separator pipe--my first attempt at this look--it needed to be a set height which created a long scroll on mobile. Thank you!

Hi @tuanphan. Yes, please on the title and intro code. Thank you! Re: image. What do you mean by very complex? I'd be open to a complex solution if you could explain a little more. I really greatly appreciate any insight or assistance you can provide here.

hi @tuanphan, yes please! Thank you! In terms of image, it would be like a banner image behind the text, but I understand if that's not possible with this forum. I thought about doing separate stores for each one since the functionality exists for the landing page of each store, but I think that would get screwy with SEO and inventory. I was hoping to find a plugin, but no luck. So frustrating!

Hi @tuanphan Do you mean it's either disable sticky or add space above title, making a bigger space between title and green line above? No option to keep spacing and sticky?

oof, sorry @creedon ... the actual url is https://berkshireic-cms.squarespace.com/one-world-celebration-2021 If there is a cleaner solution for this, I'd be thrilled. I basically want a content block with text and multi-button capability that has that green line running the height of the box on the left-hand side. This is what I came up with and it works, but it's limited to 1 button.

Hi @tuanphan, they're in the index section highlighted in blue. Thanks!

Hi @tuanphan and @sethhoffman. Wondering if this was ever resolved as I'm hoping to do the same thing: add image and some intro text for each category in a single shop. Thanks!

Following too as I want the same thing! Although, I'd also like to each category to have its own header image, title, and intro text.

Was this ever resolved? I'm looking to do the same thing to an Image Card design. I would like to have an RSVP and Donation button in this block. Can be stacked or side-by side. https://berkshireic-cms.squarespace.com/special-event password: BIC2021 I've adjusted the block so that no image appears, I'm using this as a content block styled with a left-hand pipe.

Site URL: https://berkshireic-cms.squarespace.com I'm trying to add anchor links to my site, but am running into issues with the link landing below the corresponding anchor due to sticky navigation. I'm in Brine, 7.0 and, while I know this particular feature is possible via other methods in 7.1, that is not a possibility here. Can anyone help with this? Thank you! You can see an example on this page: https://berkshireic-cms.squarespace.com/clients-services-fees password: BIC2021 Pinned sticky header using Tuanphan's code from a previous post: .Header.Header--top { position: sticky; position: -webkit-sticky; top: 0px; z-index: 1000; width: 100%; } Tried this solution offered in previous post by a Wordpress user. Some folks had success with this, but it does not work for me: :target:before {content:"";display:block;height:120px; /* fixed header height*/margin:-120px 0 0; /* negative fixed header height */ }

Hi! This solution does not work for me. Please help! https://berkshireic-cms.squarespace.com/clients-services-fees password: BIC2021 Pinned sticky header using Tuanphan's code: .Header.Header--top { position: sticky; position: -webkit-sticky; top: 0px; z-index: 1000; width: 100%; } Using this from the previous solution does not work for me: :target:before {content:"";display:block;height:120px; /* fixed header height*/margin:-120px 0 0; /* negative fixed header height */}

I really appreciate your note, but I'm not trying to link offsite, just to a more styled listing page onsite that houses the same categories. I can easily hide the category on individual blog posts, but I was hoping to utilize it. Do you know how to point a metadata category link to a specific page within the same site?