Katie_B Posted April 1, 2021 Share Posted April 1, 2021 Site URL: https://flounder-star-7xs2.squarespace.com/ Hello, I'd like to hide the ORDER NOW button in my header on the product detail page. Site password: kb Many thanks! Link to comment
Agha_Waqas Posted April 1, 2021 Share Posted April 1, 2021 54 minutes ago, Katie_B said: Site URL: https://flounder-star-7xs2.squarespace.com/ Hello, I'd like to hide the ORDER NOW button in my header on the product detail page. Site password: kb Many thanks! You can add below code in your Custom CSS editor. It will hide button on both desktop and mobile. #item-60632671dc94e57b3a76bb27 .header-actions-action--cta, #item-60632671dc94e57b3a76bb27 .header-menu-cta { display: none; } Link to comment
tuanphan Posted April 5, 2021 Share Posted April 5, 2021 On 4/2/2021 at 3:42 AM, Katie_B said: Site URL: https://flounder-star-7xs2.squarespace.com/ Hello, I'd like to hide the ORDER NOW button in my header on the product detail page. Site password: kb Many thanks! Hi. Add to Design > Custom CSS /* hide order button on product detail */ body.collection-type-products.view-item header#header a.btn { visibility: hidden !important; } LookingGlassCreative 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
maxwel Posted July 12, 2023 Share Posted July 12, 2023 Hi there! I'm also looking to hide the button "Book Now" in the nav on this page only: https://www.sandandsaltescapes.com/for-organizations Any guidance on how to do this would be greatly appreciated. Thanks so much! Link to comment
creedon Posted July 12, 2023 Share Posted July 12, 2023 7 minutes ago, maxwel said: looking to hide the button "Book Now" in the nav on this page only Add the following to Design > Custom CSS. #collection-63f83b263c54254b3c306a35 .header-actions--right .header-actions-action { display : none; } Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
maxwel Posted July 12, 2023 Share Posted July 12, 2023 18 minutes ago, creedon said: Add the following to Design > Custom CSS. #collection-63f83b263c54254b3c306a35 .header-actions--right .header-actions-action { display : none; } Let us know how it goes. That worked perfectly, thanks so much for the fast response and awesome help! creedon 1 Link to comment
maxwel Posted July 25, 2023 Share Posted July 25, 2023 Hi again! I'm now trying to hide the nav button "Book Now" on this specific landing page: https://www.sandandsaltescapes.com/final-room-flash-sale Any help with the code to make this happen would be appreciated! If you have instructions as far as how to find the correct collection ID so I can do this in the future without having to ask, I'm all ears 🙂 Thank you! Link to comment
creedon Posted July 25, 2023 Share Posted July 25, 2023 36 minutes ago, maxwel said: If you have instructions as far as how to find the correct collection ID so I can do this in the future without having to ask, I'm all ears 🙂 Check out Heather Tovey's most excellent looking Squarespace ID Finder. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
maxwel Posted July 25, 2023 Share Posted July 25, 2023 1 hour ago, creedon said: Check out Heather Tovey's most excellent looking Squarespace ID Finder. Thanks! I've installed it and am still a little unsure of next steps. Which ID should I grab? When I run the extension, there isn't a collection ID for the "Book Now" button (I'm assuming that's what we're looking for). Link to comment
tuanphan Posted July 25, 2023 Share Posted July 25, 2023 2 hours ago, maxwel said: Hi again! I'm now trying to hide the nav button "Book Now" on this specific landing page: https://www.sandandsaltescapes.com/final-room-flash-sale Any help with the code to make this happen would be appreciated! If you have instructions as far as how to find the correct collection ID so I can do this in the future without having to ask, I'm all ears 🙂 Thank you! Add to Design > Custom CSS /* Final room flash sale hide buttons */ body#collection-64b82ef6f21edc30584c96bb header#header a.btn { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
creedon Posted July 25, 2023 Share Posted July 25, 2023 2 hours ago, maxwel said: Which ID should I grab? The collection ID should be the first one that shows after you run the code. It should start with #collection... tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
maxwel Posted July 25, 2023 Share Posted July 25, 2023 17 hours ago, tuanphan said: Add to Design > Custom CSS /* Final room flash sale hide buttons */ body#collection-64b82ef6f21edc30584c96bb header#header a.btn { display: none; } Thank you so much! Link to comment
maxwel Posted July 25, 2023 Share Posted July 25, 2023 16 hours ago, creedon said: The collection ID should be the first one that shows after you run the code. It should start with #collection... Awesome, thank you for walking me through that! creedon and tuanphan 1 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment