I am sing the Warehouse theme, and trying to create a blank landing page template without our store’s branding. I have managed to hide the header and footer by adding this html into a page template:
However, I need to keep the cart icon in the top corner, as it is the only way customers can navigate to checkout on our theme.
Is there a way to hide all other elements from the header except for the view cart icon?
@SamanthaAni
Hello,
.announcement-bar, .header__mobile-nav, .header__logo, .header__search-bar-wrapper, .header__action-item.header__action-item--account {
display: none !impotant;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Share your store URL please
Thank you, here it is:
This unfortunately doesn’t get rid of the navigation menu:
https://www.animate.shop/pages/special-test
I’d also ideally like for the blue bar part to disappear too, but maybe that’s a bit too complicated…
Update the code
Thank you! That removed the navigation bar! My final question, is there a way to make the blue background of the header transparent?
Oh, you’re right… is there a way to make the header black instead? (The blue color is part of our branding, but black would probably be neutral enough…!)
Please update code
Change #333 to #000 if you want more black
Hi, it got an issue with the code, please use this code
Perfect, thank you so much!!