[Resolved] Add extra content when using mobile header on desktops

Home Forums Support Add extra content when using mobile header on desktops

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1362149
    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? 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

    #1362245
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

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

    Simply perfect, as always 🙂

    #1363100
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.