Seems like I have everything in place and all is set so as to display the header menu, but it’s not appearing. I’ve also tried removing the custom CSS applied to header and the menu still didn’t appear in the preview. What could I be missing?
Can you provide temp admin access, please, so we can take a closer look. Also, do we have permission to remove any custom code for debugging purposes and disable plugins?
However, now I have problems with header being fixed on the homepage (despite removing the custom CSS you pasted before). I also had problems with header on the homepage having unnecessary padding but I kind of “fixed” it by playing with the .home .fl-page-content {margin-top: -60px;} and setting the position of header to absolute .home .fl-page-header-primary {position: absolute;}
It’s not looking good on small devices though, and I couldn’t get rid of the extra unnecessary 20px padding of the header.
The header is working and looking good on pages other than home.
Also, is there a way to make the header (and logo) go smaller once somebody starts scrolling down a page?
I believe you’re setting the header to be fixed? Did you want to make it fixed on all other pages except the homepage? If you want the logo to go smaller after scrolling down, you can set the header to Shrink, instead of Fixed.
The extra space on top of your page is added when you set the Fixed Header setting to Fixed. The reason why the Fixed Header isn’t working on your site is because of some custom CSS that you have. Can you remove the styling you have above along with the CSS that you have on the screenshot below then set the Fixed Header to Fixed and see if that’s what you’re looking for?
Hey Ben, removed, it seems to be working fine on the homepage now.
However, when I reload the page, the header logo disappears! It still loads for the Shrink header but not for the primary one on the top of the page.
Also, the CSS code that was applied before allowed me to have the transparent header background on homepage (and homepage only). Now the default opaque background is showing:
Thank you, around when should we expect the patch for Shrink header to roll out? Just so I know when to change things up. Also, I know setting the background opacity via CSS is tricky, but any way to do it for the Shrink header only while keeping the primary header on the homepage background-less?
We’re actually pretty quick about releasing maintenance patches. We just released one this week for the plugin so hopefully we should be able to put one out for the theme by next week, or the week after(not really sure).
That is possible. For the Shrink layout, there is no separate markup for the Fixed Header, but the class fl-shrink-header gets added as it shrinks. Simply target that class and it shouldn’t affect the non-shrinked header.