- This topic has 89 replies, 14 voices, and was last updated 6 years, 9 months ago by Ian.
-
AuthorPosts
-
August 4, 2015 at 8:08 am #126361TomLead DeveloperLead Developer
Hi Monica,
All you have to do now is add this class to your menu item: menu-item-float-right
GP takes care of the rest 🙂
August 4, 2015 at 8:19 am #126365MonicaHi Tom,
Thanks for your quick response and congrats on your GeneratePress theme, it is really good.
I added menu-item-float-right to all the pages on my navigation menu, but still no sign of the social icons. I wanted to make them appear on the right hand side of the header, but I cannot even see them in the menu. Thanks.
August 4, 2015 at 8:39 am #126374TomLead DeveloperLead DeveloperCan you possibly link me to your site? Either through here or at support@generatepress.com?
Thanks!
August 4, 2015 at 8:45 am #126376MonicaHave sent you an email to the above address. Thanks for your help. Very kind.
August 4, 2015 at 9:57 am #126411TomLead DeveloperLead DeveloperIt looks like your facebook icon is still using this class:
social_icon
Have you tried switching it to:
menu-item-float-right
?August 4, 2015 at 10:18 am #126420MonicaHi Tom,
Tried that and sent you a few screenshots via email.
August 4, 2015 at 10:31 am #126427TomLead DeveloperLead DeveloperSeems you want the icons in the header, in which case you can use this plugin: https://wordpress.org/plugins/lightweight-social-icons/
August 8, 2016 at 2:56 pm #2166652coins1Hi,
Hi. I’m a total novice at WordPress and I don’t know how to code but I and follow directions well. How do I add Search and Social Media icons to the right side of my menu bar like you have on your GP demo video: http://screencast.com/t/sFEUmYdp6l2 See here for my site: http://screencast.com/t/iDyQYhsF
Thank you.
-2coins1
August 8, 2016 at 3:48 pm #216686LeoStaffCustomer SupportHello,
Add Search to the right side of the main navigation:
– Enable Navigation Search in Customizer > Layout > Primary Navigation
– add the following CSS:.main-navigation .navigation-search { float: right; }
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Add social media icons to the right side of the main navigation:
– This page should explain everything: https://generatepress.com/knowledgebase/menu-social-icons/Let me know if this helps!
August 8, 2016 at 11:34 pm #216756TomLead DeveloperLead DeveloperThe search button should actually appear on the right side by default, you just need to enable it as Leo pointed out above – no need for the CSS though.
The menu social icons article Leo pointed you to should help with the social icons 🙂
August 9, 2016 at 12:08 am #216773LeoStaffCustomer SupportThanks Tom. Just curious, if I have the navigation alignment set to center, how would I move Search to the right?
August 9, 2016 at 8:38 am #216868TomLead DeveloperLead DeveloperYou could do something like this:
.nav-aligned-center .main-navigation .menu > li.search-item { float: right; }
January 31, 2017 at 9:09 am #272378MarcusOn desktop everything looks fine now. But on the mobile page, when I open up my menu the social icons all appear one below the other. I would like to have them site by site on the bottom of my menu tap, or have them on the nav menu site by site with the word “menu”. For example the word menu on the left, and on the right the social icons.
My website: talking-ev.de
Do you have any hint how to do that?
January 31, 2017 at 10:19 am #272452TomLead DeveloperLead DeveloperIf you use these instructions to float the menu items to the right, then they should show up next to each other (inside the mobile menu): https://docs.generatepress.com/article/adding-icons-to-menu-items/#floating-the-icon-to-the-right
January 31, 2017 at 10:27 am #272455HeathI’m glad Marcus made this thread ping for me.
I have .social_icon set to not display at media < 984px, which used to remove the icons from the expanded mobile menu (I have them floating right on the mobile navigation bar instead). But, at some point those pesky social icons worked their way back into the expanded menu (I don’t want them there). I didn’t notice it until now. Do you know why they’re not adhering to my “.social_icon display: none” command?
Thanks Tom!
-
AuthorPosts
- You must be logged in to reply to this topic.