[Support request] Want To Duplicate This Menu

[Mike]

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

GeneratePress 2.1.4

GP Premium 1.7.2

[Mike]

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! 🙂

[Leo]

Hi there,

I believe this is the setting you are looking for:
https://docs.generatepress.com/article/secondary-mobile-menu-label/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mike]

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.

[Leo]

This might help then: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mike]

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;
}}

[Leo]

Awesome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts