Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • #735505

    Is there a way to position the social media links/icons and the secondary menu beside each other in the header area? I would like to have them both aligned to the right, with the secondary menu first, then the social media links/icons to the right of the menu. Right now they are appearing directly above the menu.

    I need to stylize the icons a little, so if it were easier, I could add them to the end of the links in the secondary menu. But I am also using WPML and have language switcher in the secondary menu as the last item. So I would somehow need to place the social media links/icons after the language link. So they would be in this order:

    Contact Us | Media Center | French | SM 01 | SM 02 | SM 03 | SM 04

    You can see how things look now via the URL in the private content.

    #736735

    Hey NicomIT,

    We are happy to help you with this modification :)

    We need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    • This reply was modified 3 years, 9 months ago by  Vinay.
    #737277

    Sure thing Vinay. Here you go.

    #737377

    Hi,

    We added the below code in Quick CSS section please review the site now :)

    #top .social_bookmarks {
        position: absolute;
        right: -10px;
        top: 5px;
    }
    #top .sub_menu {
    	float: left !important;
    }

    Best regards,
    Vinay

    #737806

    That worked great. Thanks Vinay!

    Btw… is there a way to decrease the height of the border between the links in the secondary menu?

    #737809

    Hi!

    Please add following code to Quick CSS as well

    .sub_menu li {
        padding: 0 3px;
    }

    Cheers!
    Yigit

    #737827

    Thanks Yigit. It looks like that decreased the padding between the links and borders instead of decreasing the height of the borders. I tried modifying it to decrease the top/bottom padding, but it doesn’t seem to change the height of the borders.

    #738387

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .sub_menu li {
        line-height: 0px!important;
    }
    

    Best regards,
    Vinay

    • This reply was modified 3 years, 9 months ago by  Vinay.
    #738389

    Thanks Vinay! That did the trick.

    #738748

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #753127

    Everything is looking great thanks to the help your team provided. However, we added the French translated items in the secondary menu and they require more space than the English links. Both languages should have an equal amount of space between the third/last link (the language option) and the social media icons. But with the customization we did earlier, I can’t figure out how to adjust that. I have included a sample English and French URL in the private content. Any help that can be provided with this would be great.

    #756194

    Hey!

    Thank you for the update. Please add the following css code to adjust the position of the sub menu.

    #top #header_meta .sub_menu {
        left: 20px;
    }

    Cheers!
    Ismael

    #756427

    Thanks Ismael. That helped, but the French links are still running behind the social icons. It would be great if there was a way to have a consistent amount of space between the links and social icons with both languages. But if that’s not possible, I’d like to at least not have the French text run behind the icons.

    #756768

    Hi!

    Please add this below the previous css code.

    html[lang="fr-FR"] #top #header_meta .sub_menu {
        left: 0;
    }

    Cheers!
    Ismael

    #757927

    That did the trick. Thanks very much Ismael!

    #758190

    Hey!

    No problem. Please feel free to open a new thread if you encounter any issue with the theme. :)

    Regards,
    Ismael

    #1167636

    Hi,
    Please I have a similar problem with Social Media Icons.
    On the right of the secondary menu I get the links (twitter, Linkedin and Facebook), but they don’t appear to the users.
    Please look at http://www.tenstep.it or http://www.pmtsi.com as are now.
    It worked fine before installing last release of Enfold.Maybe I’ve lost some definition.
    Please can you suggest ho to show those icons, as before.
    Thanks
    Vito

    #1167763

    Hi tenstepit,

    Please refer to this thread: https://kriesi.at/support/topic/missing-icons-after-updating-to-wordpress-5-3-1-and-maintenance-releases/
    Hope it helps.

    Best regards,
    Nikko

    #1167784

    Thanks Nikko,
    I’v tried to copy the code you mention in the CSS rapid, but nothing happen.
    I will manage manually social media as it seems to difficult reach a solution with Enfold.
    I’m sorry, but it is not my job strugle with code.

    #1167798

    Hi tenstepit,

    We’ll assist you with it.
    But first we’ll need you to create a new thread, and give us temporary admin access.
    Just post the credentials in private content which can only be seen by (us) moderators and the one who created the thread.

    Best regards,
    Nikko

    #1167822

    I’ve two website in the same situation: no social Icons in the secondary maany, but there are links.
    Please, help me to solve for the first websiste and then we will act on the second one.
    here a re my private credentials.
    Tanks Nikko

    #1167830

    Hi tenstepit,

    We have updated your site and the icons are now appearing properly.
    Let us know if you need further assistance, if none is needed please change the password.

    Best regards,
    Nikko

    #1167835

    Please, may you correct the other website. TThen I will change psws.

    #1167839

    Hi tenstepit,

    I could not update the file via Theme Editor in the site you mentioned, I’m always getting:

    C'e stato un errore. I tuoi cambiamenti potrebbero non essere stati salvati. Riprova. C'e la possibilità che tu debba risolvere manualmente il problema e caricare il file tramite FTP.

    We will need ftp access to do this.

    Best regards,
    Nikko

    #1167843

    OK Nikko.

    #1167874

    Hi tenstepit,

    Thanks for providing ftp access, it’s done. :)
    You can now change passwords.

    Best regards,
    Nikko

    #1167886

    Hi Nikko,
    Thanks
    It seems perfect.
    again regards.
    Vito

    #1167930

    Hi Vito,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

Viewing 28 posts - 1 through 28 (of 28 total)

You must be logged in to reply to this topic.