I have a client who wants to keep the hide the whole metadata section but keep the thumbnails on the left (so we can't use Full Page View) for mobile users to be able to see more of the documents.
I created a CustomWeblinkStyles.css file in the Custom folder and added these lines:
.metadata-pane {display: none; width: 0px; !important; } .right-component {display: none; width: 0px; !important; } .left-component > div {width: 100%; !important; } .imagePane { width: 100%; }
Which will hide the text in the Metadata section, but leaves the divider and a blank right side that can't be reduced any smaller (as shown below).
Can someone provide assistance?
Thanks!