Css help to hide header content text

Support
#1

Hi. I am trying to hide a header text on and element using the following css. https://mysalus.org using

but its not working. The content element servers both desktop through mobile and I want the text (but not icon) on all form factors but mobile - at the max-width above.

What am i missing in the above css?

Thank you

#2

css got striped here it is

body:not(.cs-preview).logged-in $el.x-anchor-toggle{
display: none !important;
}

.e67147-12.x-anchor {
width: 6em;
height: 2.75em;
}

.e67147-12.x-anchor .x-anchor-text @media screen and (max-width: 360px) {
display: none;
}

#3

Hi there,

You can try this in that element’s Element CSS:


@media (max-width: 360px) {
    $el .x-anchor-text {
        display: none;
    }
}

Hope this helps.

#4

Worked great! Thanks so much.

#5

You are most welcome. :slight_smile:

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.