[Resolved] mobile menu display bottom with larger nav size

[Howard]

Hi Leo:
Did as you instructed. Something is indeed, wrong with secondary menu. On home page, actually, there is no “scroll down bar” on desktop for one. (there is not really anything there to scroll…..?) and after deleting php and css and checking your info….i notice that the little customize blue round pencil (to edit) is ON THE SPOT FOR SECONDARY MENU…..But under it is NOTHING FOUND CONTENTS,(homepage with no content)…WHICH does not allow me to move down. Its as if the blue secondary menu edit button is WHERE THE SECONDARY MENU should be….but if i hit it…it goes to the left pane customizer to show my social icons installed…the menu does not display itself.
.Waiting for reply as to how to proceed.
Thanks
Howard

PS just checked mobile site: menu bar shows under main menu http://www.thesoundadvocate.com
Not on desktop
I enabled and disabled screen options: simple css on home and contact pages

[Leo]

There isn’t a scroll bar on home page because there isn’t enough content.

I still see all the CSS being added. Can you disable the caching plugin as well?

Also seeing some console errors on your page. Can disable all plugins except GP Premium for now?

[Howard]

Will do…. and report back
Thanks

[Howard]

Hi Leo
Everything deactivated except GeneratePress premium……
Appears the same

[Leo]

What’s your setting in Customizer > Typography > Secondary Navigation > Font size?

[Howard]

Font weight = normal
Text transform =None
Font size = 13

Moved it down to 6…..same

[Leo]

Wait was FontAwesome enabled before?
https://docs.generatepress.com/article/font-awesome/

What happens if you add a normal menu item and not just a FontAwesome icon?

[Howard]

It works with normal menu!!
What did I do wrong???

[Howard]

Thanks for the help
Do I need this in my Snippets plugin…and if so, what does it do? either way

add_action( ‘wp_enqueue_scripts’, ‘generate_dequeue_secondary_nav_mobile’, 999 );
function generate_dequeue_secondary_nav_mobile() {
wp_dequeue_style( ‘generate-secondary-nav-mobile’ );
}

[Leo]

Hmm it’s likely something to do with FontAwesome.

Have you followed the steps here to enable it?
https://docs.generatepress.com/article/font-awesome/

Does it output the icons in normal HTML content?

That code is explained in this article I linked:
https://generatepress.com/forums/topic/mobile-menu-display-bottom-with-larger-nav-size/#post-649744

[Howard]

Yes… put in the font awesome snippet…. tested fine with one icon : however , when I hit menu on mobile; the Secondary Nav does not disappear ( as in my other site)
Go to : http://www.thesoundadvocate.com on MOBILE.
I’m sure you have idea of how to fix this…
👍 Howard

[Leo]

Are all of the code regarding to the secondary navigation removed?

Also how come on the contact page everything is different and I still see caching plugin activated?

It’s a different secondary menu with only 1 item instead of 3 as well.

[Howard]

Hi Leo: THE ONLY things activated NOW are SNIPPET for FONTAWSOME FIVE
ALL other secondary NAV codes out

add_action( ‘wp_enqueue_scripts’, ‘tu_load_font_awesome’ );
/**
* Enqueue Font Awesome.
*/
function tu_load_font_awesome() {
wp_enqueue_style( ‘font-awesome’, ‘//use.fontawesome.com/releases/v5.1.0/css/all.css’, array(), ‘5.1.0’ );
}

I only put ONE ITEM IN AT THIS MOMENT ON TOP to test
The bottom 3 footer items (toms icons) are the older 4.7 or so…. FONTAWSOME copied from other site — (not sure if they work together as we are dealing with header now)

+++THATS WHY THEY LOOK DIFFERENT AT BOTTOM AND there are 3 vs. 1

AND:
SIMPLE CSS ACTIVATED WITH ONLY :
.site-header {
display: none;

mobile site: http://www.thesoundadvocate.com
Where do i go from here???
Howard

[Leo]

Hmm something is going on with your site.

This is what I’m seeing for the home page which you said the things aren’t working:
https://www.screencast.com/t/ZBteesyV4eZY

But looks like everything works when I go to the contact page?
https://www.screencast.com/t/KKNnIWGm2A

What’s going on here? Is it on a different install?

There isn’t anything in the footer in both pages so I’m not sure what you mean.

[Howard]

you said to deactivate everything in second navigation….footer has 3 icons from tom social plugin using older fontawsome….
https://www.thesoundadvocate.com/

[Author]

Posts