Communication Panel Container Click Event To Change CSS

Hello Shivani,

Add the following CSS for this:

#mainHeaderContainer.opened-right-panel #header-command-line-container {
    display: none;
}

When the right panel opens the command-line (what can I do for you?) will disappear. When it closes it will reappear. See https://share.customerfx.com/xQubRjWj

Ryan

Additionally, if you only wanted to do this when the screen resolution is less than 1440px you could add the following: 

@media only screen and (max-width: 1440px) {
    #mainHeaderContainer.opened-right-panel #header-command-line-container {
        display: none;
    }
}

Ryan

Thanks Ryan! This works!