Tagged: , , , ,

Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • January 18, 2017 at 8:07 pm #735505
    NicomIT

    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.

    January 21, 2017 at 8:42 am #736735
    Vinay

    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 7 years, 11 months ago by Vinay.
    January 23, 2017 at 3:20 pm #737277
    NicomIT

    Sure thing Vinay. Here you go.

    January 23, 2017 at 6:16 pm #737377
    Vinay

    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

    January 24, 2017 at 4:26 pm #737806
    NicomIT

    That worked great. Thanks Vinay!

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

    January 24, 2017 at 4:29 pm #737809
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .sub_menu li {
    padding: 0 3px;
}

    Cheers!
    Yigit

    January 24, 2017 at 4:43 pm #737827
    NicomIT

    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.

    January 25, 2017 at 2:49 pm #738387
    Vinay

    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 7 years, 10 months ago by Vinay.
    January 25, 2017 at 2:52 pm #738389
    NicomIT

    Thanks Vinay! That did the trick.

    January 26, 2017 at 6:56 am #738748
    Rikard

    Hi,

    Great, glad we could help :-)

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

    Best regards,
    Rikard

    February 28, 2017 at 6:23 pm #753127
    NicomIT

    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.

    March 6, 2017 at 7:48 am #756194
    Ismael

    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

    March 6, 2017 at 2:48 pm #756427
    NicomIT

    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.

    March 7, 2017 at 6:24 am #756768
    Ismael

    Hi!

    Please add this below the previous css code.

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

    Cheers!
    Ismael

    March 8, 2017 at 5:29 pm #757927
    NicomIT

    That did the trick. Thanks very much Ismael!

    March 9, 2017 at 7:37 am #758190
    Ismael

    Hey!

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

    Regards,
    Ismael

    December 19, 2019 at 7:01 am #1167636
    pmtsi

    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

    December 19, 2019 at 3:05 pm #1167763
    Nikko

    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

    December 19, 2019 at 4:12 pm #1167784
    pmtsi

    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.

    December 19, 2019 at 4:30 pm #1167798
    Nikko

    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

    December 19, 2019 at 4:55 pm #1167822
    pmtsi

    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

    December 19, 2019 at 5:06 pm #1167830
    Nikko

    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

    December 19, 2019 at 5:12 pm #1167835
    pmtsi

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

    December 19, 2019 at 5:28 pm #1167839
    Nikko

    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

    December 19, 2019 at 5:42 pm #1167843
    pmtsi

    OK Nikko.

    December 19, 2019 at 7:21 pm #1167874
    Nikko

    Hi tenstepit,

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

    Best regards,
    Nikko

    December 19, 2019 at 7:42 pm #1167886
    pmtsi

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

    December 19, 2019 at 8:53 pm #1167930
    Nikko

    Hi Vito,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 28 posts - 1 through 28 (of 28 total)
  • You must be logged in to reply to this topic.