jesseatkinson

How would I go about editing the existing cart page checkout button URL? Essentially, when a user clicks the checkout button, they need to be directed to a different page and not the actual checkout. Is this possible?

How do I do that?

Also, for some reason on mobile the links do not work as well. Is there some CSS I could use that would help it function better on mobile?

Thank you for responding! the new link is: https://www.brayand.co/new-services

Site URL: https://www.brayand.co/new-services In each section I would like the text to fade in as soon as the section is reached. I added some CSS for each section, but instead of fading in once the section is reached, it fades in on the page load. Here is the CSS: section[data-section-id="62e2bac3984277106d805442"] .sqs-block-html, .Intro .sqs-row { animation: fade-text-anim 2s ease; } @keyframes fade-text-anim { 0% { opacity: 0; transform: translate3d(0,30px,0); } 25% { opacity: 0; transform: translate3d(0,30px,0); } 100% { opacity: 1; transform: translate3d(0,0,0); } } How can I edit this so it only fades in once the section is reached?

Site URL: https://www.brayand.co/new-services I implemented a snap scroll so users immediately get taken to the next section but it is a little too snappy. If I scroll too hard it will take me to the bottom of the page, is there a way to edit the CSS so no matter how aggressive the scroll is it only goes to the next section? Here is the CSS: html, body { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } #collection-62e2b4fc734a5b22cd727f49 .page-section { scroll-snap-align: start; }

I have, thank you! Another question, on mobile the sticky menu size is too small. Is there a way to make it so on mobile the menu looks like the screen shot where you can scroll across the options?

Is there a way to get rid of the black space?

Site URL: https://www.brayand.co/new-page-2 I created some CSS so this section is sticky but have run into an issue, when it becomes "sticky" the text is transparent. Here is the CSS i've used to create the sticky header: section[data-section-id="62e2b90cc4b6f5378c2d053c"] { position:sticky!important; top:0; z-index:99!important; background:#FFF!important } How can I adjust this so the text is not transparent and does not show the sections behind it?

Site URL: https://brayand.co I need the video size to remain the same as it is on desktop so nothing gets cropped out. What CSS should be used?

For some reason I can change the size of everything but the title in the auto layout sections. Currently the title size is really small and almost unreadable on desktop. Is there a way to add CSS which adjusts the font size in this section? I used inspect element and changed the <strong> html to <h2> and that adjusted the size but I can't figure out how to translate that to CSS

I have a video banner that looks great on desktop but on mobile it looks awful since the text messes with the aspect ratio of the video. If I only add a few words over the video it doesn't mess with the aspect ratio on mobile. Is there a way to add some CSS that basically has 2 versions of the text? One for mobile and one for desktop?

I have a video banner with text over it. On mobile, the text causes the video to resize and zoom in. Is there some CSS that can be added which allows me to have the text appear below the video on mobile?