Site logo

Archived topic

Add extra content when using mobile header on desktops

3 replies · Started by Pradeep on July 13, 2020

Viewing posts 1–4 of 4

Hello there,

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

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

Hi there,

try this CSS:

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

Simply perfect, as always :-)

Glad to be of help

This archived topic is closed to new replies.