Keep title in row with logo on mobile

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.www.ads-software.com/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?

Do you have an example of what you mean?

https://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.