[Resolved] text or image right of mobile-header-logo

Home Forums Support [Resolved] text or image right of mobile-header-logo

Home Forums Support text or image right of mobile-header-logo

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #885326
    Damiaan van Vliet

    Hi team,
    I wanted to establish with a hook (element) some tekst right of the logo on mobile.
    But I cannot figure out which hook I need to use or maybe I should modify the header.php template.

    So om a website (I will put the link below) when watched on mobile, in the header left is the logo and right is the menu. Between them I want a extra text or image.

    I tried a few things but no luck.

    Thanks!

    #885346
    David
    Staff
    Customer Support

    Hi there,

    you can use the GP Hook Element.

    1. Create a new hook.
    2. Add your content:

    <div class="custom-mobile">my content</div>

    3. Select the inside_mobile_header hook
    4. Set your display rules.

    Then a little CSS for reordering and centering the custom content:

    #mobile-header .inside-navigation {
        align-items: center;
    }
    #mobile-header .site-logo {
        order: -1;
    }
    .custom-mobile {
        margin-left: auto;
        margin-right: auto;
    }
    #885358
    Damiaan van Vliet

    Great David! Quick reply πŸ™‚

    I tried the inside_mobile_header hook but could not find the right CSS.
    I think because of the CSS class order I never used before.

    I am sure it will work, so I will mark it as resolved.
    Thanks!

    #885383
    David
    Staff
    Customer Support

    The mobile header uses flex-box, which the order property is one of the very cool features πŸ™‚
    Glad to be of help.

    #885463
    Damiaan van Vliet

    Cool! And it works πŸ™‚ So my customer is also happy.

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