Add extra content when using mobile header on desktops

[Pradeep]

Hello there,

Could you kindly explain what’s the best way to add a couple of items to the area highlighted on this image?

I have set up Navigation as Header and also enabled the Mobile menu to work even on desktops by increasing the breakpoint to 1200px. I tried using the ‘inside_mobile_header’ hook but it made the content appear on to the left hand side of the logo. Ideally I want the new content to be added to the blank area in the middle or just before the search icon.

Many thanks and regards,

Pradeep

[David]

Hi there,

try this CSS:

#mobile-header .mobile-header-logo {
    order: -1;
}

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

[Pradeep]

Simply perfect, as always 🙂

[David]

Glad to be of help

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

[Author]

Posts