Image next to logo on mobile header

This topic has 5 replies, 3 voices, and was last updated 3 years, 3 months ago by David.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 2, 2023 at 1:51 am #2518205

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

February 2, 2023 at 1:58 am #2518214

Fernando
Customer Support

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

February 2, 2023 at 2:36 am #2518256

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.

February 2, 2023 at 5:02 am #2518415
David
Staff
Customer Support
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;
}
```
February 2, 2023 at 5:29 am #2518442

Marcel

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

February 2, 2023 at 6:56 am #2518535

David
Staff
Customer Support

Glad to be of help
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

[Resolved] Image next to logo on mobile header

Popular Articles

[Resolved] Image next to logo on mobile header

Popular Articles

Start building better websites today.