[Resolved] Add Text to left of hamburger menu

Home Forums Support Add Text to left of hamburger menu

  • This topic has 6 replies, 3 voices, and was last updated 1 year ago by David.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1111133
    Stephen

    I would like to add a small piece of text (the page title) to the left of the hamburger menu icon, which is used on all device types. I want the logo, the page title and the hamburger menu all to be aligned horizontally. I have tried various hooks but can’t get all 3 elements in one line in the header.

    Thanks,
    Stephen

    #1111812
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this a shot:

    .inside-header {
        display: flex;
        align-items: center;
    }
    
    .site-logo {
        order: 1;
        margin-right: auto;
    }
    
    .site-header h3 {
        order: 2;
        margin-bottom: 0;
    }
    
    #site-navigation {
        order: 3;
        margin-left: 0;
        margin-right: 0;
    }

    Let me know πŸ™‚

    #1112111
    Stephen

    Thanks Tom. That worked perfectly πŸ™‚

    #1112483
    Tom
    Lead Developer
    Lead Developer
    #1121542
    Stephen

    Hello,

    I’ve noticed this does not work on the blog posts page (/blog). The page title either shows nothing left of the hamburger menu or sometimes the blog title of the first blog post in the feed (not “Blog” which I want).

    The hook is <h3> <?php the_title( ‘<h3>’, ‘</h3>’ ); ?> </h3> and is place before_logo.

    thanks,
    Stephen

    #1121543
    Stephen

    Disregard actually – I am going to move this to another support thread

    #1121659
    David
    Staff
    Customer Support

    I have responded to your other topic.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.