fixed highlight and made it dynamic based on url

[amol-anand]

Fix #5

🔗 Test URLs:

• Before: https://main--caesars-careers--hlxsites.hlx.page/sms-terms-and-conditions
• After: https://issue-5-header-fixes--caesars-careers--hlxsites.hlx.page/sms-terms-and-conditions

📝 Description:

Highlight menu items based on current URL and fixed the animation on the highlights

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[tmathern]

Logo placement is off/misaligned:

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[amol-anand]

Code LGTM - Do you want to look at the logo misalignment too in this PR?

I fixed that in the CSS.. which misalignment you talking about?

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[amol-anand]

If you look at https://www.caesars.com/careers it's the same. the logo is not misaligned, it is intentionally bigger than the rest of the nav and stands out and overflows down the nav a bit overlaying the hero.

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/careers

[aem-code-sync[bot]]

Page	Score	PSI Audit	Google
/sms-terms-and-conditions