Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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

Edited by AI-IAGO
Initial Revision
Link to post
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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


×
×
  • Create New...