elizabethc

Thank you SO much

@tuanphan Thank you so much thats worked. However the text is still not centered. Any ideas?

Hello I am trying to create a text reveal on a clients website, however it works when I'm in edit mode, but doesn't when I save an exit and I cannot figure out whats happening. Here is a link to a video showing it https://www.loom.com/share/41ceabd7d04e46f1a2cdb77b70dbb6b4?sid=de57d786-d740-4f7d-af65-d9f999028d30 I have created a duplicate of it on a dummy site (to hide my clients details). Its exactly the same and the same thing is happening. https://spaciousness-fold.squarespace.com/ P/W: thankyou Here is the code i am using (from https://schwartz-edmisten.com/blog/squarespace-css-card-hover-animation) Any help would be greatly appreciated. /* =================================== HOME PAGE HOVER SECTION STYLING =================================== */ #siteWrapper section[data-section-id="665847cd849d4f24b276bb41"]{ .user-items-list-simple { padding-left: 0; padding-right: 0; } .list-item { position: relative; } .list-item-media { position: absolute; inset: 0; z-index: 1; } .list-item-media:before { content: ''; background: #000; position: absolute; inset: 0; z-index: 2; opacity: .63; transition: opacity .3s ease; } .list-item-media-inner { padding-bottom: 0!important; height: 100%!important; } .list-item-content { z-index: 3; padding: 5vw 3vw; } .list-item-content__description, .list-item-content__button { opacity: 0; transition: opacity .3s ease; } .list-item-content__title { transition: opacity .3s ease; position: absolute; bottom: 50%; left: 50%; transform: translateX(-50%); } //Hover Styles .list-item:hover,.list-item:focus-within { .list-item-media:before { opacity: .8; } .list-item-content__description, .list-item-content__button { opacity: 1; } .list-item-content__title { opacity: 0; } } @media screen and (max-width:767px){ .user-items-list-simple { grid-template-columns: 1fr; } .list-item-content { padding: 90px 6vw; } .list-item-content__title { opacity: 1; position: relative; bottom: unset; left: unset; transform: none; } .list-item-content__title,.list-item-content__description, .list-item-content__button { opacity: 1!important; } } } /* ---- end HOME PAGE HOVER SECTION STYLING ----- */

Site URL: http://www.unmilaya.com Hello all, I would like my desktop site to have an icon (at the moment im just using a + /hamburger for the navigation. At the moment I have faked it by using a folder to hold all of the navigation and I love the way it looks, however on mobile of course it doesn't look right as the menu is then just shown as +. I know I can use code to force mobile navigation on desktop but I dont want that, I like how it looks the way I have designed it on desktop. Does anyone know a way around this? I hope this makes sense! Thank you so much

@creedon You way works! Thank you so much!

Hello @tuanphan I wondered if you might be able to help me with the same thing. I followed the directions above using the tag no-cart but it still isn't working for me. I just need it hidden on this one page: https://www.samavesayoga.com/short-course-enroll/p/community-inclusivity-trauma-informed-yoga Thank you so much

@bangank36 It worked! Thank you so much!

Site URL: https://fennel-wolf-6t7t.squarespace.com/short-course-booking/p/tantric-philosophy-practice Hello, password: thankyou On my product page using the 'Full' layout, is it possible to centralise the product info to look like this; Thank you so much for your help!

Site URL: https://fennel-wolf-6t7t.squarespace.com/ Hello, Password: thankyou I would like to change the arrows on my homepage slideshow to just a < rather than the full arrow with a tail. Is this possible? I have managed to remove the black circle background but I can't figure a way to change the arrow style. Any help greatly appreciated. Thanks