Archived topic
sticky navigation resize
26 replies · Started by Fricis on October 23, 2017
Hi,
I have some small probs with CSS.
Parently not so good with this))
So I am using:
.main-navigation .site-logo.navigation-logo {
position: absolute;
left: 0;
top: 0;}
.main-navigation .site-logo.navigation-logo img {
height: 115px;
}
I want, when i am scrolling down:
That navigation img(logo) will be smaller.
So it would look like zoom in zoom out logo)
Thanks!
Hi there,
You can adjust the sticky navigation height here: https://docs.generatepress.com/article/sticky-navigation/#menu-item-height
This site is using the similar idea.
Let me know.
I tried it.
But on customize preview it worked.
After i saved it.
Open website and i have
.main-navigation .site-logo.navigation-logo img {
height: 115px;
}
115px size, even if i put before menu item height 90.
It overwrited.
---
I want that when its static : 115px
when its sticky : 90 px
If it worked in preview and not on live site is likely a caching issue.
Can you try clearing caching plugin if you are using one?
not using
Have you removed your own CSS?
Is the effect of this site what you are looking for? It's done with the customizer.
I removed CSS.
Customize was done by this css:
https://docs.generatepress.com/article/navigation-logo/
When You apply this css after i can't change height in:
https://docs.generatepress.com/article/sticky-navigation/#menu-item-height
Size still will be same what i provide in css.
So i need css code after scrolling or sticky menu starts - it change height)
Still not quite sure what you mean.
You shouldn't need the CSS to change the sticky navigation height.
Can you set this to something like 50px and let me know? https://docs.generatepress.com/article/sticky-navigation/#menu-item-height
I want Float Navigation Logo Outside Container, but when You slide down - its inside container )
Ahh sorry I was confused about what you want before.
Ok can you add this back in? https://docs.generatepress.com/article/navigation-logo/#float-navigation-logo-outside-container
Done )
Change the second block of CSS to this:
.main-navigation:not(.navigation-stick) .site-logo.navigation-logo img {
height: 115px;
}
Thanks! You are a star)
I have another issue with this site regarding page header(yeah this site makes me headache)
So if You will choose Jobs and go to any listed link in page, You will see that page header just gone. Menu fullsize etc.
I am using Indeed plugin. 2 weeks ago it worked without any such issue (
When you disable Indeed, does the page header show up again?
Yes.
Its even showing up when indeed genarate 1st page, like if you check on Jobs.
But after, if You press genarating links. Header just gone) I know that its not Your fault, just maybe You have some ideas what it can be)
_____
Installed the plugin at http://ecscontrols.net/career-opportunities/ the job listings are correct, but clicking on job listing changes the page layout. No longer full-width with content centered, everything shifts to the left and scroll is disabled.
How to enable Page layout? )