Fixed Header code not working for new site

mog · October 3, 2014, 9:09am

Hi.

I’ve just added fixed header code (recommended in thread http://www.freewaytalk.net/thread/view/151756) but it doesn’t seem to be working anymore.

I have used the code for previous sites and it worked perfectly but I’ve just added it to a new site I’m working on and can’t understand why the code is not working for this site.

If anyone can see what I’ve missed I’d be really grateful.

Thanks

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 3, 2014, 5:09pm

Which item(s) are you wishing to have a fixed position?

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 3, 2014, 5:24pm

Hi Dave,

The Navigation Wrapper (Hello - About - Lampshades - Makers Shop & Gallery - Contact)

Thanks

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 3, 2014, 6:46pm

And are you using the same JavaScript as in the other example?

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 3, 2014, 10:02pm

Yes. This is the Javascript:

Thanks again

Best wishes

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 3, 2014, 10:08pm

Yes. This is the Javascript:

Not seeing it in the code for that page - how did you add it?

Also not seeing the additional call to add jQuery that I had in my example.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 3, 2014, 10:13pm

I’ve added this Before in HTML markup:

#NavigationWrapper { z-index: 999; } #NavigationWrapper.floating { position: relative; } #NavigationWrapper.fixed { position: fixed; top: 0px; left: 0px; width: 100%; max-width: 2500px !important; }

and the Javascript in Before in HTML markup.

I’ve clicked ‘Published Everything’ so it should be showing up unless there’s a blip in Freeway?

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 3, 2014, 10:24pm

Well it hasn’t made it to the published page.

Go into your site folder (on your Mac) and delete the sallydove index page.

Republish and re-upload.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 3, 2014, 10:31pm

Yes I did this quite a few times already but no luck. I’m not sure why it’s not publishing. Maybe I need to re-do it in a fresh document and try publishing from there?

Thanks for your help

Best wishes

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 3, 2014, 10:36pm

Yes I did this quite a few times already

Then take the code out and republish.

Put it back in - in a different spot ie after and try again.

But you will need the reference for jQuery as well.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 3, 2014, 11:27pm

Put it back in - in a different spot ie after and try again.

I meant that as a temporary thing until it actually publishes to the page and then put it back before

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 4, 2014, 10:43am

Hi Dave,

I’ve already got the site online so using this link instead http://www.sallydove.co.uk/

I’ve done what you suggested but still no luck. The code is showing up in the source code now but there is no change.

Thanks again

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 4, 2014, 10:58am

You still haven’t added the call to include jQuery.

Add this in Page>Html Markup in the before slot

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 4, 2014, 11:06am

Hi Dave,

Ok great thanks so much that’s working now but I’m not sure then why the other sites are working as I didn’t add this code to those ones?

Here’s an example of another site which works but i can’t figure out where I would have put the call to jQuery. I can’t remember adding it and there is no jQuery code in the HTML markup.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 4, 2014, 11:08am

I’ve just had a look at the source code and wondering if it works because I have the WowSlider on this site which has jQuery?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 4, 2014, 11:11am

I’m not sure then why the other sites are working as I didn’t add this code to those ones?

Because if you are using WowSlider then jQuery gets added to run it.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 4, 2014, 11:12am

Ok brill It’s all working fine now. Thanks so much again for all your help!

Best wishes

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · October 4, 2014, 11:21am

You have to be careful of this because you can easily end up adding js libraries more than once.

WowSlider relies on jQuery to provide its effects and once that library is loaded it is there for other scripts to utilise - so if you add another call to jQuery you are adding another couple of hundred kb of code unnecessarily.

And be aware of the potential pitfalls of using different javascript libraries - there may be conflicts.

Always best to stick to one js library per page.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

mog · October 4, 2014, 1:00pm

Hi Dave,

Thanks for the tip.

Best wishes

Mog

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

waltd · October 4, 2014, 6:10pm

I just had to solve this problem for a client, and documented it here:

gist.github.com

https://gist.github.com/walterdavis/58648f68204d85abcea9

safe-multiple-jquery.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>jQuery Without Duplication</title>
  <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>

This file has been truncated. show original

Walter

On Oct 4, 2014, at 7:21 AM, DeltaDave email@hidden wrote:

You have to be careful of this because you can easily end up adding js libraries more than once.

WowSlider relies on jQuery to provide its effects and once that library is loaded it is there for other scripts to utilise - so if you add another call to jQuery you are adding another couple of hundred kb of code unnecessarily.

And be aware of the potential pitfalls of using different javascript libraries - there may be conflicts.

Always best to stick to one js library per page.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options