I want to make the menu be visible on mobile version and to push the content when click on the folders

Hi there! I'm using SquareSpace 7.0 and I want that all my menu options appear on my website in the mobile version ( I don't want to have a compressed menu/ hamburger icon)

In the original version of the website, the menu appears compressed at the top, then is the logo and content and when I open the menu the body goes below the menu ( always visible all the content)- so the menu push the content

Now I did some changes to have the menu below the logo image, also the menu is decompressed, however when I click on the folder to open it, the content doesn't go below the menu( the menu hides the content- the menu doesn't push the content), and I want that when I click over the folder the content(body) moves below and all the text is visible( in this case the starting the button) so the content will be pushed when open the folders.

Is that possible? I would appreciate your help!

pass: downtownp

I'm using this CSS code:

@media only screen and (max-width: 640px) {
  .main-nav 
  {
    width:90%;
    z-index:2;
   position: absolute;
    top: 160px;
    background: #fff;
  }
  #mobileMenuLink 
    {
      display: none;
    visibility: visible;
    width:90%;
    z-index:2;
    position: absolute;
   top: 140px;
  }
  #mobileNav, #mobileNav .subnav {
    max-height: 0;
    overflow: hidden;
    visibility: visible;
  }
 
 #mobileNav.menu-open 
  {
  max-height: 999px;
    overflow: visible;
    visibility: invisible;
 
}
  
  #header {
    position: absolute;
    left: 0px;
    top: 14px;
    width:100%;
    z-index:0;
  }
 
  .clear
  {
    padding-top:300px;
  }
 
}

Hi,

What is site url?