Sidebar not showing on mobile

Hello.

I had an issue with my sidebar not showing on mobile and found this CSS code:

@media handheld, only screen and (max-width: 1260px){
#sticky-shop-button, .hb-sidebar-20 #main-content .hb-sidebar {
display: block;
}
.hb-sidebar-20 #main-content .hb-sidebar {
width: 100% !important;
}
}

It worked, but it displays the sidebar on the left side and I want it on the right side. I have it set to the right side in my settings but shows up on the left side of the screen on mobile and on a regular computer.