1 reply · opened Oct 21, 2020
Hi Guys!
Can you tell me how to make the “side-panel-trigger-close” always show, even on large desktops?
You provided a solution for this in a previous ticket that no longer works with the latest version of Canvas.
Can you provide CSS for a new working solution?
thank you so much,
Rye
Hello,
Please find the following code in the style.css File:
[ch_pre type="css"]@media (max-width: 991.98px) {
.side-push-panel #side-panel-trigger-close a {
display: block;
position: absolute;
z-index: 12;
top: 0;
left: auto;
right: 0;
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
color: #444;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 0 0 0 2px;
}
}[/ch_pre]
and replace it with:
[ch_pre type="css"].side-push-panel #side-panel-trigger-close a {
display: block;
position: absolute;
z-index: 12;
top: 0;
left: auto;
right: 0;
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
color: #444;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 0 0 0 2px;
}[/ch_pre]
then, delete this Line of Code: #side-panel-trigger-close a { display: none; }.
This will enable the Side Panel Close Trigger on all Devices.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard