Archived topic
Header Random Resizing
7 replies · Started by Ken on September 15, 2018
The header on a website I'm working on is randomly resizing and doing some weird repositing of the logo and a button when scrolling. Thank you for your help in figure out where an why this is happening.
Hi there,
Can you disable autoptimize?
Thanks!
Okay, it's disabled.
Looks like your sticky navigation height is set at 20px:
https://docs.generatepress.com/article/sticky-navigation/#menu-item-height
Thank you.
No problem :)
I just noticed that the Logo is resizing to 65px instead of staying at 100px. I found this line to be the issue but can not find where to make the changes at to change it from 65 to 100px with out having to add another line of CSS.
Trouble Line
@media (max-width: 1024px) and (min-width: 769px), (min-width: 1025px){
.main-navigation.sticky-navigation-transition .navigation-logo img{
height: 65px;
}
}
What it really needs to read as:
@media (max-width: 1024px) and (min-width: 769px), (min-width: 1025px){
.main-navigation.sticky-navigation-transition .navigation-logo img{
height: 100px;
}
}
Not seeing that line of CSS but there are a lot of CSS added in Additional CSS:
https://docs.generatepress.com/article/adding-css/#additional-css
