Archived topic
Want To Duplicate This Menu
6 replies · Started by Mike on October 19, 2018
On the following site, ( https://toledocourtreporter.com/ ) which was created with the SAME version of GP and WP, I show social media icons in the secondary menu at the top of the page in both desktop and mobile.
On another site ( https://discenvironmentalservices.com/ ) I can no longer create social media icons in a secondary menu with FA as it was removed. How can I achieve this without adding plugins or writing lots of code?
It was so easy before. Should I install an old version of GP over the new version and then upgrade? If so where can I find a old version of GP.
Thanks, need to get this done and have been fooling around with this all day
Partially solved, I found a great resource that it explained it all with a video and clear concise instructions.( https://www.youtube.com/watch?v=r2VmBrnNSKM ) Now I just need to know how to stop the "Menu" Text loading for the secondary menu in mobile view. I have 6 other sites written with GP and have had no problems setting this up properly until now. Can't figure out how to disable showing menu in mobile.
Just not my day! :)
Hi there,
I believe this is the setting you are looking for:
https://docs.generatepress.com/article/secondary-mobile-menu-label/
Let me know :)
I am sorry, guess I did not make myself clear. I don't want the "Menu" with the Hamburger Icon to show in Mobile. I just want the Icons to show. Here is another site I did with GP.( https://toledocomputerrepair.com ) This site shows just the icons in the mobile views.
Thanks.
This might help then: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
OK, I figured it out. Added this CSS
.secondary-navigation .menu-toggle {
display: none;
}
@media(max-width: 768px) {
.secondary-navigation {
text-align: center !important;
}
.secondary-navigation ul {
display: block;
}
#secondary-navigation .sf-menu>li {
float: none;
display: inline-block !important;
}}
Awesome :)
