Communication Panel Container Click Event To Change CSS
Hello Community,
We need to hide the "What can I do for you?" container whenever a communication panel module is loaded. This is to induce a responsive behavior when the screen resolution is >=1440PX.
Is there a way to trigger CSS change when a communication panel module is rendered?
Like
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
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