[Support request] Main Navigation Social Icons to the Far Right

[Tomas]

Hello,
I already have my social icons on my navigation bar. I did
this through font awesome and used the menu-item-float-right css class.
When I do this the icons move to the right but right after the other menu options.
What I want is the social icons separated from the menu options, against the right side of the screen.
This is my site:
http://www.simpletravelblog.com

And this is an example of how I want them:
https://www.legalnomads.com/

Thanks!

[Leo]

Hi there,

You have this CSS added:

.main-navigation {
    position: absolute;
    margin-top: 2.5%;
    z-index: 2000;
    padding-left: 5%;
    padding-right: 5%;
}

which is making everything else not working.

Was it for merging? If so this should help: https://docs.generatepress.com/article/merging-header-navigation-content/

[Tomas]

Hey Leo!

Yeah I just realized that trying to solve another issue.
Let me try your suggestion and I’ll get back to you.

Thank you! great support!

[Author]

Posts