[Resolved] masthead.site-header disappears in mobile view (tablet + mobile phone)

[Ryan]

Hi,

I have added Yoast SEO Breadcrumbs in this section (masthead.site-header). It shows up nicely on desktop view with the Yoast breadcrumbs

However, when I switch to mobile view, this section disappears. How can I enable this section to still appear? but under the mobile navbar?

P.S. My site is currently in “Coming soon” mode.

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

I’m guessing that’s because you are using the mobile header feature:
https://docs.generatepress.com/article/mobile-header/

How are you adding the breadcrumbs currently? Have you checked out this article?
https://docs.generatepress.com/article/adding-breadcrumbs/

Let me know 🙂

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

[Ryan]

Hi Leo,

Yes, I had followed the steps stated in the link you pasted above.

How can I still allow this section to appear? I see from a reference website that this is possible (even with mobile-header enabled):

[Leo]

You added through before_entry_title hook?

If so mobile header shouldn’t matter.

Can you disable coming soon so I can see?

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

[Ryan]

Hi Leo,

Yes, have disabled coming soon already.

I added the Yoast SEO breadcrumbs at the hook: after_header_content

Kindly advise

[Leo]

after_header_content is part of header so it would disappear on mobile if you are using mobile header.

Try the after_header hook:
https://docs.generatepress.com/article/hooks-visual-guide/

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

[Ryan]

I see. Ok, but how come it works for this website? It uses GeneratePress as well.

Also, if I change it to after_header hook, how can I style this then?

[Leo]

That site is not using the header by default, it’s just using the navigation as a header:
https://docs.generatepress.com/article/navigation-as-a-header/

How would you like to style it?

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

[Author]

Posts