[Resolved] Image next to logo on mobile header

[Marcel]

Hi everyone,

is it possible to have an image next to the logo (which in my case in positioned on the left) in the mobile header?
An after_logo hook for the mobile header so to say.
I’m aware of the inside_mobile_header hook but this positions the content on the right.

Thanks in advance!
Marcel

[Fernando]

Hi Marcel,

You’ll just need a custom CSS to fix its position.

Can you activate the Element you created and share the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Marcel]

Hi Fernando,

thanks for the quick feedback.
Here’s the link to the site https://www.younglife-viersen.de/
I activated the hook again and I’m trying to achieve an equivalent look as in the desktop view.

[David]

Hi there,

try this CSS:

#mobile-header .mobile-header-logo {
    margin-right: unset;
}
#mobile-header .mobile-header-logo + div {
    margin-right: auto;
}
#mobile-header .mobile-header-logo + div .wp-block-image img {
    height: 33px;
    position: relative;
    top: -3px;
}

[Marcel]

Thank you, David.
Works like a charm.
Great support as always!

[David]

Glad to be of help

[Author]

Posts