[Resolved] Main Menu Menu is aligned to the right when viewing with FireFox, but not Chrome

[Jason]

Hello,

I’ve just migrated my site to GeneratePress. I applied the “App” site layout and changed the colors.

The header/main menu looks fine when viewed with the Firefox web browser, however, the menu does not “stick” to the right side of the page when viewing with the Chrome or Safari web browsers.

Here is what it looks like in Firefox (and what I want the other browsers to see):

https://ibb.co/GWMW8gW

Here is what it looks like in Chrome:

https://ibb.co/Mk4G6tD

The URL is https://www.linuxtrainingacademy.com/

Any help or ideas are much appreciated!

All the best,

Jason

[Ying]

Hi Jason,

Can you go to customizer > additional CSS, remove this part of CSS:
https://www.screencast.com/t/SNAipsxhJ

/* Center main nav */
@media (min-width: 1300px) {
    .main-navigation .inside-navigation .main-nav {
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
   }
}

[Author]

Posts