Modify menu position and add icons for social networks

Hello Team athemes.

First of all I want to say hello and congratulate for the excellent work done in the free templates. I’ve tried it and you’ve done me very well. Thank you very much for your contributions.

On the other hand I have several questions but I just want to address 2:

  1. How can I run the menu to the right?
    I add example:

  2. How can I add other icons for social networks?
    I add example:

I appreciate your support.

Stay tuned

Hello,

I would be glad to help you, but can you please provide a link to your website first?

Kind Regards, Roman.
aThemes Support

Hi.

With great pleasure, the site is in Spanish:

http://paisajeycesped.com/

Hello, thank you for the link.

1. Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1200px) {
    #masthead .site-branding {
        max-width: 120px;
    }

    #masthead #site-navigation {
        max-width: calc(100% - 120px);
        flex-basis: calc(100% - 120px);
    }
}

2. First, please check which menu is selected for your footer Airi: Social Profile widget. You can check it in Customize → Widgets → Footer 4 or in Appearance → Widgets → Footer 4 section. Then go to the Appearance → Menus section, select that menu, and add other social networks as Custom Links.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thank you very much for your reply.

First of all the answer one was solved.

Regarding question two:
According to your indications, I do not want to create other widgets. What I want is to place another social network with its icon. I am using the Airi profile: social profile. WhatsApp with its icon. The idea of ​​the question is how to adapt other social networks that are not predetermined.

I try to create the link in the menu but I do not get the WhatsApp icon.

I hope you understand me.

I immensely support your support.

Hello, thank you for the explanation.

Please try to add this CSS code as well:

.social-media-list a[href*="wa.me"]::before {
    content: "\f232";
    background: #00e676;
    font-size: 21px;
}

Kind Regards, Roman.
aThemes Support

Hi.
Thanks for your contribution.
Insert the code but it did not work.

I send the process imegen

Hello,

You have spaces before and after wa.me in your code for some reason, please remove them.

Kind Regards, Roman.
aThemes Support

Hello Roman

Thank you very much for your answer. Effectively the space generated the error.
I thank you very much for your contributions.

Anything else I will write to you.
Felcitations.

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support