Jump to content

paola_sp

Member
  • Posts

    1
  • Joined

  • Last visited

Posts posted by paola_sp

  1. 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;
      }
     
    }

    Captura de pantalla 2023-02-27 a la(s) 13.58.24.png

    Captura de pantalla 2023-02-27 a la(s) 13.58.34.png

    image.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.