Jump to content

Header Menu & Submenu Misplaced

Recommended Posts

Hey everyone. I am struggling with my header menu and submenu. For some reason when the padding is set to zero I am unable to click the links. If the padding part is left blank it is too low because I want it up by my title.

Then whenever I click the arrow for the submenu the main menu is pushed over to the right under other text. 

If I can get the menu to be up by the title I would like for the submenu to either replace and hide the main menu or be underneath. Whichever is more functional. PLEASE HELP ME 

This is the current code:

.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important; }
.header-nav, .header-actions {visibility:hidden!important;}
.header-menu-nav {text-align: center!important; margin-left: 1%!important;}

div.header-menu-nav-item a {
    font-size: 15px !important;
    padding: 0px; 
}

  .header-menu {
    left: unset;
    right: 5;
    width: 25%;
    height: 25%;
padding-top: % !important;}

header location.jpg

header location 2.jpg

submenu.jpg

Link to comment
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

amethyst-bird-rz23.squarespace.com

You can't click link because the Logo container overlap Menu items

image.thumb.png.c8ac958936bf6c2c4908e3379e2e12d6.png

to make it clickable, you can use this CSS code under

div.header-menu {
    z-index: 9999999999 !important;
}

With this problem, you can add above code, I can check easier

image.png.864c424c6644ef04d256a62b2d8902dc.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.