Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Jumping nav

Featured Replies

hey,

 

having a glitchy issue with my nav, its jumping about. If you go into the routes page here My link and roll over routes, the nav jumps to the right, the same happens on the News page.

 

This is a pre-built nav in Wordpress that I customized a bit so dont get the CSS completely, can anyone spot what's causing this?

 

cheers for any help :)

It seems like a padding issue, you have padding of...

 

#nav .current_page_item a {
   padding: 6px 10px;}

 

And...

 

#nav li a, #nav li a:link {
   padding: 6px 15px;}

 

The fact that one is 10px & the other is 15px is what is causing the link to jump - making them the same values will solve it.

 

Hope this helps.

Try this change the padding on #nav .current_page_item a

 

to

{padding:6px 15px;}

 

Bomb beat me to it :)

Edited by mteam

  • Author

cheers guys, that's sorted it. I don't really get why all of the links weren't causing a jump as the 10/15 px difference was set for all? It was just happening on rollover on Routes/News on those pages.

 

fixed it anyway, cheers :)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.