Right Align Links on Navigation Bar

Site URL: https://www.dimensionuh.com/

Hi there!

I am trying to move my navigation links "explore" and "adventures" to the right of the logo, next to the "login" link, and was wondering if someone could help me with the css for this.

Appreciate the help. Thank you!

On 10/22/2021 at 7:53 AM, dimensionuh said:

Site URL: https://www.dimensionuh.com/

Hi there!

I am trying to move my navigation links "explore" and "adventures" to the right of the logo, next to the "login" link, and was wondering if someone could help me with the css for this.

Appreciate the help. Thank you!

Add to Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('.header-display-desktop nav.header-nav-list').clone().insertBefore('.header-display-desktop .header-actions--right .customerAccountLoginDesktop');
})
</script>
<style>
  .header-nav .header-nav-item:nth-child(n+3) {
    display: none;
}
  .header-actions.header-actions--right .header-nav-list .header-nav-item:nth-child(-n+2) {
    display: none;
}
  .header-actions.header-actions--right .header-nav-list .header-nav-item a {
    color: #000 !important;
    margin-right: 2.5vw;
}
</style>