change header

[Luke28]

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

[suyash1]

@Luke28 - can you share website link? cart/search are part of top bar

[DaisyVo]

Hi @Luke28 

Please share the URL of your store, if it is a draft theme, please share the preview link 

Best,

Daisy

[Luke28]

my bad,

https://lukesurturtredesign.myshopify.com/ (urtnowski)

[Luke28]

Also, on the mega menu (shop)  How can I get rid of the submenu names

[DaisyVo]

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

[suyash1]

@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%;}
}

[jadicc987]

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.

[Luke28]

Thiw worked (it was styles.css.liquid)

[Luke28]

Oh, I just noticed that the links in the top-bar dont work, it seems like that layer is stacked behind.