Archived topic

Image next to logo on mobile header

5 replies · Started by Marcel on February 2, 2023

Viewing posts 1–6 of 6

February 2, 2023 at 1:51 am #2518205

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

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

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

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

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

February 2, 2023 at 6:56 am #2518535

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.