TA777 Casino Login Register Philippines download,Super jili168 login password.Recharge Every day and Get Bonus up-to 50%!

Resolved ThijmenDam
(@thijmendam)

7 years, 8 months ago

Hello SiteOrigin!

First of all, thanks for making such a good looking theme. Totally suits my needs.

However, I do have one problem with it. I’ll describe this below:

If you land on my website, everything looks fine. Except when you start scrolling down. At one point the menu should get sticky if you scroll down, because it would not be visible otherwise. And this is where the problem is. As soon as you scroll past the point where the ‘new’ sticky menu appears, the ‘old’ non-sticky menu disappears. And because it disappears, the content of the page shifts upwards.

I am not the best at describing such an issue, so here you can see what I mean: https://cl.ly/080d0q0D1Z05

Is there any way to stop this from happening?

P.S. if anyone knows a way to make the sticky menu appear with a transition instead of just appearing out of nowhere, I would be happy to hear.

Viewing 5 replies - 1 through 5 (of 5 total)

Sagar Prajapati
(@sagarprajapati)

7 years, 8 months ago
Hi @thijmendam

Wrap one div to “main-navigation-bar” div and add following css in style.css
```
.manage-nav-top {
    height: 137px;
}
```
Example wrap div code:
```
<div class="manage-nav-top">
	<div class="main-navigation-bar sticky-bar sticky-menu">
		-------Other HTML-----
    </div>
</div>
```
Andrew Misplon
(@misplon)

7 years, 8 months ago

Hi @thijmendam

Thanks for posting, glad to hear you’re enjoying Unwind. Unfortunately, for the moment, this is the behaviour of the sticky menu/header. You can compare your site to the demo to see if anything is different in terms of the transition: https://demo.siteorigin.com/unwind/. Sorry I don’t have better news here.

With regards to @sagarprajapati suggestion. If you make any code level changes to the theme files, please, remember to do so within a child theme.

Thread Starter ThijmenDam
(@thijmendam)

7 years, 8 months ago

Hey Andrew, @misplon

That is no problem – it is a free theme and I am glad I can use it.

But can you explain me what exactly happens when the sticky menu appears?
What I think that happens is that as soon as the sticky menu appears, the non-sticky menu’s display property is set to none. Is that correct?

If so, I would really like to know how to stop the theme from doing that. I can probably figure the rest out by myself if I know how to stop that behavior.

Anyway, thanks for your reply Andrew!

Andrew Misplon
(@misplon)

7 years, 8 months ago

Thanks for your understanding. The bar changes from position relative to position fixed without transition.

JS: https://github.com/siteorigin/siteorigin-unwind/blob/develop/js/unwind.js#L150-L175

CSS:
https://github.com/siteorigin/siteorigin-unwind/blob/develop/style.css#L1503
https://github.com/siteorigin/siteorigin-unwind/blob/develop/style.css#L1515

Unfortunately, changing this behaviour is a bit beyond our current support scope.
Sagar Prajapati
(@sagarprajapati)

7 years, 8 months ago
Hi @thijmendam

Reply to this thread: https://www.ads-software.com/support/topic/question-regarding-menu-when-scrolling-down/

Replace following files

\siteorigin-unwind\template-parts\header-1.php to https://www.dropbox.com/s/yovjgnlrh3mla4m/header-1.php?dl=0

\siteorigin-unwind\template-parts\header-2.php to https://www.dropbox.com/s/8n4gpv3z8hbm2yh/header-2.php?dl=0

Add following css to \siteorigin-unwind\style.css end of file
```
.manage-nav-top {
    height: 137px;
}
```

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Question regarding Unwind’s menu while scrolling down’ is closed to new replies.