LOGO issue

Hi there,

Can you link us to the page in question?

Thanks.

Hi

https://www.meelbijendra.com

Hi there,

I don’t see a logo added to the site, can you make sure the logo is uploaded at customizer > Site identity?

Once the logo is uploaded, we can take another look.

Let me know ??

Now check the logo has been uploaded.

Hi there,

Try setting your navigation location on Appearance > Customize > Layout > Primary navigation to (float right) and then let us check again to inspect the site for the necessary CSS if you want to put the logo on the center for mobile. ??

Now check out

My bad. I forgot to include that you should also set your Header preset to “Current” or “default” on Appearance > Customize > Layout > Header. This should should put your navigation with the logo inside the Header.

Let us know.

Header preset to “Current” is already set: https://pasteboard.co/njR25Zp2vutZ.png

Strange,

Setting the following should put the navigation back to the header:

1.) Appearance > Customize > Layout > Primary navigation Primary Navigation
Navigation Location to (float right) like this – https://share.getcloudapp.com/X6ubez0r

2.) set your Header preset to “Current” or “default” on Appearance > Customize > Layout > Heade – https://share.getcloudapp.com/Qwu2E7b9

Do you have any PHP snippets that move the navigation? Perhaps a child theme?

What you have mentioned in step 2 has been completed, but the logo has gone above the menu bar as you can see in the screenshot: https://pasteboard.co/uihGxdyorM7m.png

The theme is Generatepress. No child theme

• This reply was modified 3 years ago by santoshdevi.

Keep that layout and add this CSS:

@media (max-width:768px){
header#masthead .site-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header#masthead .inside-header { padding: 0 ;}
}

The result will be this – https://share.getcloudapp.com/lluk5yXg

As you mentioned, the logo is set, but in desktop mode, there is space on the left and right sides of the logo, which looks bad. So how to correct this space, this problem is visible on the desktop only.

Screenshot: https://pasteboard.co/jYo2gpoQtVe3.png

Response please

Are you using the latest theme version with global colors?

If so you can change the header background color in the customizer to match your logo background color:
https://www.screencast.com/t/Bn1IG8q36

We reply to every question within 24-48 hours in the free forum here.

Thanks for your patience.

Hi

The header background color option is not visible: https://pasteboard.co/O0wG5PK10YDD.png

So please send some code so that the header background color can be change.

Theme: Generatepress

• This reply was modified 3 years ago by santoshdevi.