in the header,
How can I make it so th
the top bar is not seen, while having the cart, search, log in icons still available?
Im trying to get rid of white space at the top
@Luke28 - can you share website link? cart/search are part of top bar
Hi @Luke28
Please share the URL of your store, if it is a draft theme, please share the preview link
Best,
Daisy
my bad,
https://lukesurturtredesign.myshopify.com/ (urtnowski)
@Luke28 - please add this css to the very end of your styles.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → styles.css
@media screen and (min-width:750px){
.top-bar {position: absolute; z-index: 1; width: 100%;}
}
Also, on the mega menu (shop) How can I get rid of the submenu names
To remove the top bar while keeping the cart, search, and login icons visible, customize your theme’s CSS. Look for the header or top bar styling in your theme file and hide it using display: none;. Ensure the icons are within a separate container that remains unaffected.
For “infection control experts,” you could integrate relevant content in the site’s blog or product descriptions naturally.
HI @Luke28
This task requires custom theme code, which makes it quite challenging. The theme you ar working with, “Flex,” is not a free option, so we can’t check it from our end. Given these factors, I suggest you need a developer with expertise in theme customization to properly implement the required changes.
Best,
Daisy
Oh, I just noticed that the links in the top-bar dont work, it seems like that layer is stacked behind.