Leo
(@leohsiang)
Hi there,
Can you link us to the page in question?
Thanks.
ying
(@yingscarlett)
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. 😀
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 4 years, 7 months 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
Leo
(@leohsiang)
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 4 years, 7 months ago by
santoshdevi.