-
Posts
-
Fixed header height is incorrect. I have manually stipulated 100 pixels yet when the page loads I am getting a different value due to the sticky header.
Note following code is being generated automatically by Enfold (inline:4):
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 128px;
}Why is this value not 100 pixels? I have been overriding it with a custom rule but then when creating pages with a completely transparent header I’m unable to bring the content up due to the custom rule still fixing the content below the header!
Link follows in pvt below.
I have added back my rule to fix padding at 99px (for some reason 100px left a 1px line which had to be closed):
.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 99px !important; }
Fixes the issue. For the transparent header I will have to create a custom rule for that specific page only.
BUT WHY is the question. The header itself is defining the 100px value correctly:
#top #header_main > .container {
height: 100px;
line-height: 100px;
}Hi fusion01,
The padding is calculated in JavaScript, there must be some other elements take into account.
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
VictoriaThanks. I need further assistance please. Is there a way to have sections scroll to the actual top of the page and not the top of the sticky header value?
I have made the header transparent so with content fixing below the header it looks plain wrong.
Link to follow in PM.
Thanks.Hi,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
BasilisYou would increase the chance of response with a solution if you could make the link public. Other participants have good ideas too.
Thanks, appreciated. I will ask the client and possibly go this route. Possible to mention the Javascript file that handles this action?
- You must be logged in to reply to this topic.