[Support request] Logo don't display in header

[casimiro]

Hi
Can’t solve this cuestions
I want to insert a logo in header area also my name title.
The logo don’t appear and the title site are on top and I want put it inside header too.
It’s possible.
Thanks

[Leo]

Hi there,

Have you solved this?

I can see a logo uploaded currently.

Perhaps what you want is to use the logo image as the background image of the header?
https://docs.generatepress.com/article/backgrounds-overview/

Let me know 🙂

[casimiro]

I don’t see any logo in header, only in menu.
In header I’ve put an image and two lightweight social icons.
And I want to set a logo and a title too, in header.
But at front of the background image like social icons of course.
Thanks

[Leo]

Is this not what you see?
https://www.screencast.com/t/GydI1o6Ojdi

This image highlighted is currently uploaded as site logo.

[casimiro]

Yes but this isn’t a logo
This it’s a logo:

[David]

Hi there,

in the Site Identity – add the Logo image you want.
In the Customizer > Backrounds > Header – add the current image you are using and set this to cover. Then adjust the Header Padding in Customizer > Layout > Header to suit.

[casimiro]

Hi David
Don’t show the image and the logo at same time, and the logo now look centered and can’t adjust. And on mobile seem horrible.
Why it isn’t like this
[url=http://subefotos.com/ver/?e599c57154591d688113c165e10703cfo.jpg][img]http://thumbs.subefotos.com/e599c57154591d688113c165e10703cfo.jpg[/img][/url]
but logo at right and social icons left and the title in the middle.

[Tom]

To achieve that, I would:

1. Upload the background image as a background image, instead of the logo. You can do this in Customize > Background Images > Header. Make sure you set the size to “Cover”.

2. Remove the logo from “Customize > Site Identity” completely.

3. Add the logo inside the Header widget area in “Appearance > Widgets”. You can use an image or a text widget to add the logo.

That should give you the exact result you shared in the screenshot 🙂

[casimiro]

Hi Tom nice to see you again.
Don’t workt properly.
Remember this : https://generatepress.com/forums/topic/insert-logo-and-social-icons-into-metaslider-in-header/
[url=https://ibb.co/q5TpPRj][img]https://i.ibb.co/74sK6GC/otroejemplo.jpg[/img][/url]
I want change slider for background and if it’s possible put a tittle too.

you can see now the web and sees horrible, the logo at left and if I put “cover” it’s same and the image background it’s full container and can’t adjust padding of it

Look
[url=https://ibb.co/ccx9qV1][img]https://i.ibb.co/mCSKpgG/otroejemplo2.jpg[/img][/url]

Hope you can solve it 😉

[Tom]

Set the background size to “Cover” and then set the Header Width to “Contained” in Customize > Layout > Header.

Then remove this custom CSS you have:

.inside-header .header-widget {
    position: relative;
    bottom: -105px;
}

Then you can increase the top/bottom padding of the header in Customize > Layout > Header.

That’ll give you something like this: https://www.screencast.com/t/lorVY1MjAhqP

[casimiro]

Hi
Thanks for all Tom but it don’t look very good or at least as I want.
It’s possible that it stays like this?
[url=https://ibb.co/7Vzkjg6][img]https://i.ibb.co/0ZXsmBd/header-like.jpg[/img][/url]
and Why don’t you see the site indentity on mobile?

[Tom]

Try adding this CSS:

.inside-header {
    display: flex;
}

.site-branding {
    order: 1;
    margin-right: auto;
}

.header-widget {
    order: 2;
}

.header-widget {
    display: flex;
    align-items: center;
}

.header-widget .widget_lsi_widget {
    margin-bottom: 0;
    padding-bottom: 0;
}

Then you can adjust the padding in Customize > Layout > Header.

The header isn’t displaying on mobile because you have the Mobile Header activated in Customize > Layout > Header.

[casimiro]

This is strange
Padding in Header “Left” only move site indentity
Padding in Header “Bottom” only move zoom background image
Padding in Header “right” only move logo and social icons but “together”
Padding in Header “Top” only move zoom background image
Same if I change widget position (That I prefer it, socials icons at right of the logo)

“The header isn’t displaying on mobile because you have the Mobile Header activated in Customize > Layout > Header.”
Yes because if it’s active it looks horrible.
Why we can’t personalize regardless the site indentity?

P.D. Working in sunday
Thamksssss

[Tom]

I’m not sure what you mean about the padding? Increasing the padding will move the inner contents around depending on how much padding you add. It can also adjust the background image as the size of the container changes and the image needs to cover the container. You can leave the padding off if you prefer how it looks.

The Mobile Header option is there to create a simple header only for mobile that stays out of the way of the user. It’s thin and doesn’t take up a bunch of the viewport.

You can likely use CSS to make your normal header look better on mobile, but it won’t look the same as it does on desktop due to the nature of the design.

[casimiro]

Well I think you can’t understand me.
If I adjust the header padding right to move only the logo I can’t do it because it move at the same time the social icons and logo. I can’t move (or adjust) both separately.

Another cuestion–> If I adjust the header padding “left” only the site identity does it move or adjust.

I can’t understand why I can’t adjust separately—>Logo—>Social Icons—>Site Identity and Background in header.
It’s a limitation of the plugin or theme?
Or both?
Thanks
Let’s forget header on mobile, only show logo and it’s already.

[Author]

Posts