-
-
Hi,
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:
.sticky_active vc_responsive sticky_header.top_wrapper {
padding-top: 100px !important;
}I added this to my custom CSS box, however, it didn’t do anything. Is there something else that can be done?
Thanks!
Courtney(Just posting this in a new message as my old one is getting to cluttered with other things).
-
Hello,
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.Best regards!
-
Hi,
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.
Let me know!
Thanks,
Courtney -
Hello,
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.Best regards!
-
This post has been resolved. Thanks for your help!
-
Hi –
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.
Please can you help?
Thanks
PB
-
You must be logged in to reply to this topic.