Support » Theme: Twenty Nineteen » Keep title in row with logo on mobile

  • On mobile device, the title and tagline are moved below logo even though space is available for display in top row with logo.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
    
    .site-branding {
        margin: 0 calc(10% + 60px);
    }
    .site-logo {
        margin-bottom: 0;
        position: absolute;
        right: calc(100% + (1.25 * 1rem));
        top: 4px;
        z-index: 999;
    }
    

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thanks, that does exactly what I asked. But, the logo margin continues and the title, tagline, and menu get parsed. Perhaps I asked the wrong question. Can the logo picture be put inline with the title, tagline, and menu?

    Posing the question differently, can the title, tagline, and menu be wrapped around the logo picture?

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have an example of what you mean?

    http://patentlydistinct.com/ mobile device. The title, tagline, and menu are parsed below
    and to the right of the logo picture. The picture creates a left margin. Seeking to wrap the title, tagline, and menu around the logo picture. Top row may have picture and title. Second and third rows may have tagline and menu, both left justified with no margin.

    The left margin has been eliminated below the picture. Now am just looking to have title, or portions of the title, on the top row with the logo picture.
    Thanks for bearing with me.

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