Joomla Templates Club 406,261 posts

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#207889

Hey guys,

I tried to make a extra div beneath the main-menu in the home-gym.php, looking like this:

[PHP] <?php $this->loadBlock(‘header’) ?>
<div class=”achtergrond “> </div>[/PHP]

So far, so good. But when the menu slides down with the user, this div will be gone or better said: it stays at the same position. How can I make that the div element will also scroll down with the menu?

Thanks! :laugh:

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#575713

I included some images, so you can see what I exactly mean.

1. It needs to be like this when the menu scrolls down:

(Click to enlarge)

2. But currently when it scrolls down:

(Click to enlarge)

---

Attachments:

1. 
2. 

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#642042

I included some images, so you can see what I exactly mean.

1. It needs to be like this when the menu scrolls down:

(Click to enlarge)

2. But currently when it scrolls down:

(Click to enlarge)

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#740702

I included some images, so you can see what I exactly mean.

1. It needs to be like this when the menu scrolls down:

(Click to enlarge)

2. But currently when it scrolls down:

(Click to enlarge)

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#575795

Your site is down at my end here

Beside, you can pm me FTP account of your site. I will help you to check it from php code on your site

---

Attachments:

1. 

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#575797

Hmmm strange, currently its here working! I will send you a PM in a few minutes, thanks Ninja Lead!:laugh:

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#575863

I fixed the problem directly on your site with the solution below

Open templates/hondenuitlaatservice-joep/css/custom.css file

find and change

.achtergrond {
background: url("/images/top1.png") left top repeat-x;
height: 35px;
z-index: 30;
margin-bottom: -40px;
position: relative;
}

to


.achtergrond {
background: url("/images/top1.png") left top repeat-x;
height: 35px;
z-index: 30;
margin-bottom: -40px;
position: fixed;
top: 125px;
width: 100%;
}


Let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. kelvin899

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#575881

<em>@Ninja Lead 480613 wrote:</em><blockquote>I fixed the problem directly on your site with the solution below

Open templates/hondenuitlaatservice-joep/css/custom.css file

find and change

.achtergrond {
background: url("/images/top1.png") left top repeat-x;
height: 35px;
z-index: 30;
margin-bottom: -40px;
position: relative;
}

to


.achtergrond {
background: url("/images/top1.png") left top repeat-x;
height: 35px;
z-index: 30;
margin-bottom: -40px;
position: fixed;
top: 125px;
width: 100%;
}


Let me know if it helps</blockquote>

Ninja Lead,

You are the best! Its indeed sliding down now with the menu. Only there is one problem, when you slide it down it has a gap between the menu and the div. Do you might know how to fix this too?

Thank you already so much!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#575942

I removed the margin-bottom: -40px; of achtergrond class in custom.css file. You can try to check it again.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#642271

I removed the margin-bottom: -40px; of achtergrond class in custom.css file. You can try to check it again.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#740930

I removed the margin-bottom: -40px; of achtergrond class in custom.css file. You can try to check it again.

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#575984

<em>@Ninja Lead 480749 wrote:</em><blockquote>I removed the margin-bottom: -40px; of achtergrond class in custom.css file. You can try to check it again.</blockquote>

Unfortunately the problem is still there. I made a screenshot, so you can see what I exactly mean. When you scroll down, the menu is going “up” first and then it comes down, so probably the menu needs to stay where it is and not going “up”. Could be a animation which is the problem here?

(click to enlarge)

---

Attachments:

1. 

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#642312

<em>@Ninja Lead 480749 wrote:</em><blockquote>I removed the margin-bottom: -40px; of achtergrond class in custom.css file. You can try to check it again.</blockquote>

Unfortunately the problem is still there. I made a screenshot, so you can see what I exactly mean. When you scroll down, the menu is going “up” first and then it comes down, so probably the menu needs to stay where it is and not going “up”. Could be a animation which is the problem here?

(click to enlarge)

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#740971

<em>@Ninja Lead 480749 wrote:</em><blockquote>I removed the margin-bottom: -40px; of achtergrond class in custom.css file. You can try to check it again.</blockquote>

Unfortunately the problem is still there. I made a screenshot, so you can see what I exactly mean. When you scroll down, the menu is going “up” first and then it comes down, so probably the menu needs to stay where it is and not going “up”. Could be a animation which is the problem here?

(click to enlarge)

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#576010

Ah! I did solve it already. I disabled the topbar, the topbar was also sticky and this “pushed” the menu. After disabling the topbar it was fixed. Thanks for your help Ninja! :laugh:

[Author]

Posts