Scroll Container not closing in phone view after triggering toggle

Ive put a sidebar toggle for the left region of a scroll container which is set to Toggle Mode: Shrink content(initially open). It works perfectly in desktop view but the scroll container is not switching off in phone view. Desktop view  Desktop View(Closed) Phone View Phone View (closed)   As shown above, phone view toggle does not work for some reason and its shifting the screen on the right (inferred from the different portions of different widgets that are visible). If anyone knows how to fix this please let me know
1 answers

Hi chaitanya,


Try to hide the scroll bar with css for phone view ,
Make sure to use media screen css  to hide scroll bar for phoneView 

::-webkit-scrollbar { display: none; }


main {
  overflow: hidden;

ref:  css link


Hope that might help!