[Resolved] Sider sub-theme: Make header and widget appear in mobile

[Ruthanne]

Hello! I’m currently using the site library Sider with GeneratePress here:

https://createit22.com

What I would like is for the awesome-looking sidebar/header to appear above the content in mobile. Instead, they disappear. How do I make that happen?

Thanks!

[Elvin]

Hi there,

Can you provide a mockup image of how you want things to be laid out in mobile? So we have a clear idea and use it as reference for the solution we’ll be providing.

Let us know. 😀

[Ruthanne]

Sure! Here’s what I have in mind:

[Elvin]

I see.

You can try creating a Block Element containing the social media icons and then hook it on generate_after_mobile_header_menu_button hook.

This should display the icons inside the mobile-header of your site.

Note: If the layout doesn’t match what you’ve like it to be, let us know so we can fix it up with CSS. 😀

[Ruthanne]

Thanks for your reply! I suspected there was a simpler way to do it because of the way this “theme” works.

In desktop, the header is in the sidebar. In tablet, the header is already in the right place, which means it’s already THERE, and has been removed somehow.

The answer turned out to be switching off “mobile header.” 🙂

[Elvin]

The answer turned out to be switching off “mobile header.” 🙂

Ah yes that can work as well as it reverts to the default <header> tag.

Glad you got it sorted. Thanks for letting us know.

[Author]

Posts