Topic: How to make the scrolling sticky header the default header for one specific page « SeaTheme

This topic has 8 replies, 2 voices, and was last updated 3 years, 9 months ago by KMazor.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
January 8, 2023 at 8:43 pm #28833
KMazor
Participant

Purchased
Expired
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!
WordPress Customization Service from $49 Only! Save your expensive time!

January 8, 2023 at 8:44 pm #28834

KMazor
Participant

Purchased
Expired

WordPress Customization Service from $49 Only! Save your expensive time!

January 9, 2023 at 8:12 am #28837

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

January 9, 2023 at 2:59 pm #28844

KMazor
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

January 10, 2023 at 4:39 am #28846
SeaTheme
Keymaster

Purchased
Expired
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
WordPress Customization Service from $49 Only! Save your expensive time!

January 12, 2023 at 9:39 pm #28856

KMazor
Participant

Purchased
Expired

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!

WordPress Customization Service from $49 Only! Save your expensive time!

January 13, 2023 at 8:53 am #28859

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

January 13, 2023 at 3:02 pm #28860

KMazor
Participant

Purchased
Expired

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.

WordPress Customization Service from $49 Only! Save your expensive time!

January 13, 2023 at 3:03 pm #28861

KMazor
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.