Jump to content

Primary Nav & Secondary Nav not aligned

Recommended Posts

The primary nav and secondary nav are not aligned. Even when the secondary one inherits the primary, it doesn't seem to inherit the vertical element spacing. Maybe it is caused by a plugin that i use which fixes the navigation bar on scroll and transitions to a white background, this is the following code:

.Header { position: fixed!important; z-index: 1000; width: 100%; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}

.Header-inner { padding-top: 50px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}

.Header.scrollNav { background: #fff!important; padding-bottom: 10px;

.Header-inner { padding-top: 10px!important; }

.Header-branding { color: #000; }

.Header-nav a { color: #000!important;


&:hover {
 color: rgba(0,0,0,.6)!important;
}

}}

@media screen and (min-width: 640px) { .Index section:first-child, .Main--page, .Intro, .Main { padding-top: 81px; }

.Intro + .Main { padding-top: 0px; }}

You can look at the screenshot i uploaded. Furthermore I want to keep the plugin if possible while the secondary navigation (or primary) aligns with the rest of the navigation bar.

skarmavbild-2019-07-28-kl-125453.png.15d761b44adf610c58aa1b3485e46350.png

Link to comment
  • Replies 0
  • Views 613
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.


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