Menu hidden by lower container (pro header)

Support
#1

Hi
I’m trying a clever workaround you gave me to get the category descriptions to show up.
It is working really well apart from stopping the menu above from working properly.

this is the workaround https://theme.co/apex/forum/t/display-category-description-in-pro-ethos/30441

Try one of the drop downs on this page http://less-stuff.co.uk/category/less-stuff/

it gets hidden behind the new blue bar and doesn’t work.

Any ideas?

#2

Hi @lisacole1

I believe that you can change this bar z-index property value, if so, then please change it to anything lower than 9999 as in this screenshot:

This should fix that issue.

Thanks.

#3

you are a genius! thank you!

#4

just one more thing, I cannot work out how to get the text in the pink bar properly centred,

I’m not sure if it is a padding setting or something to do with the container or bar.

thank you!

#5

Hi,

To fix the alignment, you can add this in Header > CSS


.x-text-content-text-subheadline p {
     margin-bottom:0;
}

Hope that helps.

#6

gorgeous! I’m liking this lots! thank you!

1 Like
#7