Archived topic
logo on sticky menu
19 replies · Started by Luís on March 28, 2018
Hello, I have a problem with the logo on the sticky menu.
The navigation logo that's uploaded shows on all pages, but there's a different one on the home page, it appears stretched.
I deleted this logo file, and now when I upload a new image, it appears blank, only on the home page. The other page it look's ok!
Thank you
Hi there,
The stretch problem is likely causing by this CSS you've added:
.header-image {
width: 230px;
}
The home page sticky logo link is still showing up as this one: http://www.oteupoder.com/wp-content/uploads/2018/03/stuky_400.png which is invalid.
Can you try reuploading it in the customizer?
Hi Leo,
This code was added because when I uploaded the svg files, it was not visible.
I deleted this code and reuploading the logo, and now it appears blank on the home page of the stiky menu, and blank on all pages of the main menu.
I already deleted the stuky_400.png file from library.
Only need to solve this problem with the logo to finish the site...
Thank You
Looks like you are using a caching plugin?
Have you tried clearing it?
I could see the logo on all pages, when uploading png logo file.
Problems started with the svg file so I installed the SVG support and the SAFE svg plugins, but they are already deleted.
I don't know why the svg file logo it's not visible
I'm not using a caching plugin.
Hmm can you try #1 here? https://docs.generatepress.com/article/debugging-tips/
Hi Leo
I couldn't identify the problem... The logo is still not visible on the main menu and on the home of the stiky menu. On the other pages on stiky menu is visible, but is too large, how can I reduce it size?
The logo was only visible on all pages (main menu and stiky menu) with this code, but on the sticky menu on the home page, it was stretched.
.header-image {
width: 230px;
}
Is there any possibility to take a look at the site?
Try this:
.main-navigation:not(.navigation-stick) .site-logo img {
width: 230px;
}
Hi Tom
I already tested but nothing has changed.
Let's try this instead:
.site-logo:not(.navigation-logo) img {
width: 230px;
}
Better! The logo is already visible on the main menu. Just need to be visible on the home page on the stiky menu.
That just looks like it's set to an image that doesn't exist. Try re-uploading it in the settings.
I uploaded the svg image, but it is still not visible.
The initial image was the file "stuky_400.png" but I deleted it from the library. I do not know why it continues to be associated with the homepage
You updated it in "Customize > Layout > Primary Navigation"?
Yes, I uploaded it in "Customize > Layout > Primary Navigation"
The logo is visible on the stiky menu on all pages, except the home page.
I have another question. The logo on the stiky menu is much larger than on the main menu. How to give them the same size?
Thank you