How to make the scrolling sticky header the default header for one specific page

[KMazor]

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:

http://www.mazorcreative.com/whoweare

This is the scrolling sticky header I’m referring to

Thanks!

[KMazor]

[SeaTheme]

Hi 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=0

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[KMazor]

So 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!

[SeaTheme]

Hi,

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 – Facebook

[KMazor]

Ah 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!

[SeaTheme]

Hi, 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 – Facebook

[KMazor]

Unfortunately 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.

[KMazor]

Changing it back to the previous js/custom.theme.js fixed the issue.

[Author]

Posts