Reply To: [Solved] menu buttons moving when button clicked. Can I fix with Focus/Active?

[Paulie_D]

No. 1 – Looks like it’s this is the issue:

@media screen and (min-width: 1024px)
nav#primary-navigation.site-navigation.primary-navigation div.topbar-menu ul.nav-menu li.menu-item.menu-item-type-custom ul.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-product:first-child:active {
  padding-left: 14px;
}

No 2 is probably in here

@media screen and (min-width: 1024px)
ul.nav-menu > li.menu-item:first-child:active > a, ul.nav-menu > li.menu-item:first-child:hover > a {
  padding-left: 12px;
  padding-right: 14px;
}

Looks like that’s being overriden somewhere or at least not being consistently applied

@media screen and (min-width: 1024px)
.primary-navigation .topbar-menu > ul > li:first-child > a {
  padding-left: 0;
  padding-right: 26px;
}