Responsive menu in Ipad - landscape orientation

Hi,

Please see the website::
magid.huji.ac.il/
In Ipad - landscape orientation, the menu pushes the whole website aside, and there is a blank page.
When I delete the menu, the website comes back.
How can I change the menu to a responsive menu (the toggle menu with the 3 stripes) in Ipad - landscape orientation?

Hi Nirit
Thanks for contacting us and choosing our product!
I am sorry. I understand your problem. Please description in more detail.
You can describe with pictures
Thanks!

Hi,
Please see the attached screenshot, I would like to make the menu responsive also in 1024px width in iPad.
Now there is a regular menu in iPad, which makes the whole website move to the side, and I get a white page.
What should I change in the code in order to get the responsive menu (with the 3 stripes) also in 1024px width?

Hi Nirit
About your problem. Please go to module-> tab advanced -> config custom css
add css
#megamenucss{
width: 100%;
}
Hope help you
Thanks!

I put the code, but it did not help.
I tried to do it my own way, please see magid.huji.ac.il/ in iPad - landscape orientation - the responsive menu is stuck and does not open.
How can I fix it?

Hi Nirit
About you problem. You try go to module->tab custom css -> config Enable Bootstrap: yes
Thanks!

Hi,
I have done what you had told me, please see the attached file, but it did not help.
The menu moves the whole website far away to the right untill the screen in iPad is white.
only when I delete the menu, then the website appears again.
Finally, I had to add this code for the website to appear:
#megamenucss #js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.megacss .childcontent{display: inline-block; width: 200px;}
So the issue was in .childcontent.

HI Nirit,
I'm sorry.I do not see the file you sent.
You try:
add css
@media screen and (max-width: 768px){
#megamenucss #js-mainnav.megamenu.vertical.right ul.level1 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu.vertical.right ul.level1 li.megacss a.megacss{
width: 100%!important;
}
}
If the issue is not resolved. Please send me an account site via private message, I will to check it.