1. התפריט שלך די מרווח כמו כן מדובר בגופן גדול. ברגע שתזיז אותו שמאלה, הוא ירד שורה.
לכן קודם כל יש לצמצם את המרווחים / להקטין את הגופן, ואז ניתן לתת padding-right כך שהוא יזוז קצת שמאלה.
2. נסה להכניס במקום זה את הקוד הבא:
@media (max-width: 767px) {
#sidebar {
display:none !important;
}
}