Home › Forums › Air HTML5 Template › How to make the scrolling sticky header the default header for one specific page
- This topic has 8 replies, 2 voices, and was last updated 2 weeks, 4 days ago by
KMazor.
- AuthorPosts
- January 8, 2023 at 8:43 pm #28833
Hi there! Loving the theme and nearly have it set up like I want it. One question I have is how I would be able to use the sticky header that appears when scrolling as the default header for a specific page of my site:
This is the scrolling sticky header I’m referring to
Thanks!
January 8, 2023 at 8:44 pm #28834January 9, 2023 at 8:12 am #28837Hi there,
Welcome to SeaTheme forum.Please add className
header-sticky
for body tag if you want the header bar sticky.
https://www.dropbox.com/s/8ow545aab54x3zm/WX20230109-161205.png?dl=0Regards!
SeaTheme – FAQs – WordPress Customization – FacebookJanuary 9, 2023 at 2:59 pm #28844So I tried that and while it did make the header sticky, its now twice the height as the scrolled header:
Is there anyway I can make it the same height as the scrolled header?
Thanks!
January 10, 2023 at 4:39 am #28846Hi,
The height of header bar is defined on style.css(line505), you can change 140px as 80px:
/* Default Height 140 */ .logo-wrap, #header-main > .container-fluid, #header-main > .container, #header, #logo, .logo-a { height: 140px; line-height: 140px; } #wrap { padding-top: 140px; }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookJanuary 12, 2023 at 9:39 pm #28856Ah perfect thank you!
Can I ask a follow-up about something else that’s acting weird on my site? For some reason, one of my pages loads incorrectly, but then as soon as you adjust the window size it corrects itself to display as it should. Here’s a video of what i’m referring to: Weird page layout bug
I’ve been banging my head trying to figure out why it’s happening but with no luck. It’s specifically happening on this page: http://www.mazorcreative.com/whoweare
Any help is much appreciated! This the last adjustment and then my website is finally finished!! 🎉
Thanks!
January 13, 2023 at 8:53 am #28859Hi, you are welcome.
Please click to download the file, replace it to
js/custom.theme.js
on your website folder. It should be fixed.Regards!
SeaTheme – FAQs – WordPress Customization – FacebookJanuary 13, 2023 at 3:02 pm #28860Unfortunately that seems to have broken everything when I replaced it in testing. After replacing the
js/custom.theme.js
none of my pages loaded. Each one was just stuck on the loading image indefinitely.January 13, 2023 at 3:03 pm #28861Changing it back to the previous
js/custom.theme.js
fixed the issue. - AuthorPosts
- You must be logged in to reply to this topic.