Hi there,

Try the following CSS.

@media only screen and (max-width: 999px){}
    #header-outer[data-cart=true] #top .row .span_9>.slide-out-widget-area-toggle, #top .span_9>.slide-out-widget-area-toggle {
        display:none;
    }
}

Thanks,

Hi There,

Please add in the css custom code under Salient > General settings > CSS/Script Related.

Thanks.

Hey Again,

Please provide the page url so that i can write up the custom css for whats possible.

Thanks

Hi There,

Please try this css:

@media only screen and (min-width: 1px) and (max-width: 999px){
#header-outer .slide-out-widget-area-toggle .lines, #header-outer .slide-out-widget-area-toggle .lines-button, #header-outer .slide-out-widget-area-toggle .lines:after, #header-outer .slide-out-widget-area-toggle .lines:before {
    display: none;
}
}

Thanks.

Hello again,

Try the following CSS.

@media only screen and (max-width: 999px){
    body #header-outer #top .left-aligned-ocm {
        display: none;
    }
}

Thanks,

Hello again,

Which page are you experiencing this on. Just for clarification

Thanks,

Hello again,

The previous CSS should have worked. Kindly send us temporary credentials so that we can check on this more and advise.

Thanks,

Hello again,

Found the issue.

I have fixed it. Thank you for continuing to use Salient.

Cheers,

There was a red cross in the Custom CSS Box. Any syntax error would cause all CSS under that line of code to not show up on the Frontend.

I removed all the previous code and added the new one.

Best,