In a previous message I was provided code to make my navigation part of the sticky header. I did this, however, since I am using a one-page template, now it has the top of each section starting under my sticky header.
In a previous message, I asked about this and was provided the following code:
Sorry for the late reply.
I edited the above code to this: .sticky_active .wpb_wrapper { padding-top: 60px !important;}
Please check your site, let me know if you need further support.
I added that code and see that is it working, and I do understand you have to add the padding to get the anchor to point higher on the section. However, I don’t like this solution as the extra white space doesn’t exactly look good.
Is is possible to make only this section of the header area the sticky part: https://pasteboard.co/U9oWgqG.jpg rather than both this section and this one: https://pasteboard.co/U9qvEmq.jpg. Then there would be less of a navigation for the sections to start behind and would solve the problem a bit. I don’t really need the logo and contact info to be sticky, but the navigation is pretty crucial since this is a one-page site.
Sorry for the late reply.
It is not possible to change it from the source code, but you can select another header for this (example: “Menu Item With Border Bottom”). And add the three shortcodes as widgets in top header.
I’m also experiencing the same issue on a one-page site, with anchor points used in the navigation menu. I have activated the Sticky Menu, and the CSS overrides above don’t seem to be functioning as you would expect.
When I use the menu to scroll to an anchor, the 70px sticky menu covers the top of the content. I need it to navigate to -70px.
