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


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

Top Posters In This Topic

Top Posters In This Topic

Posted Images


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


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


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.