Archived topic
Navigator - extra Header on top
3 replies · Started by Raul on May 8, 2020
Hi
I'm really new to WordPress and I find your theme and Navigator site really easy to use. I also have Elementor Pro - I still don't know if this will help me.
1. I want to achieve something looking close to YouTube for desktop. So, beside the left menu, I need one more sticky menu on top. How can I do that?
2. I have a problem with Menu Icons, I think. I also installed Font Awesome plugin (free) - I don't know if that was necessary.
The problem is that I don't see any option in Appearance->Menu->edit for selecting an icon. I could only place one by using something like '<i class="fas fa-smile"></i>'. However, I saw that I should have a link for selecting the icon. I have ticked Icon Types: Dashicons, Font Awesome, Image, SVG.
Best regards,
Raul
Hi there,
1. You could set up the Secondary Navigation module, then add custom CSS to make it sticky:
.secondary-navigation {
position: sticky;
top: 0;
}
2. You may need to check with their support here. There should be a settings panel for their plugin in the "Appearance > Menus" area. You can check their "Usage" instructions here: https://wordpress.org/plugins/menu-icons/
Hope this helps :)
Thank you.
1. Secondary Navigation was, indeed, disabled. I have enabled it and the navigation appeared only in the content area and not over the left navigation too.
2. I made all their settings, I also tried one more plugin but nothing worked. I thought it might be an incompatibility. Anyway, I am happy by using Fontawesome only for now.
3. Please, I need some help with the navigation (menu) for the mobile version. How and where can I setup font size, margins/padding and logo size for the mobile. I tried but without success. In the end, I lost even the logo. What menu in the customizer or CSS should I edit for mobile?
Thank you again for your help.
Best regards!
Can you re-add the Secondary Nav so I can see what you mean?
As for the mobile menu, check out the mobile options for the menu item height: https://docs.generatepress.com/article/menu-item-height-width/
You can upload a mobile header logo in Customize > Layout > Header.