Menu icon Foundation

My Posts


  • 14
    Replies
  • Sticky not working! (F5)

    By JD Fillmore

    stickyhtmlcss

    Hey all, So I've applied a sticky to the navigation bar on my site here: https://goo.gl/usRvGL You'll notice a top bar (with a phone icon and free quote button), however I placed the sticky div that wraps around the main navigation, on the main nav... (continued)

    Last Reply by henry1992 about 3 years ago


My Comments

JD Fillmore commented on JD Fillmore's post about 3 years

I got it working!!!
The problem was that I had the following code in my app.css:
 
body, html {
overflow-x: hidden;
}
When I changed it to:
html {
overflow-x: hidden;
}
It worked perfectly!!!
Thanks a ton for your help Brett :) really appreciate it

JD Fillmore commented on JD Fillmore's post about 3 years

Brett, some awesome progress here!
So I commented out the stylesheet link to app.css - which is where i'm doing all my styles. I then put a link to the CSS you have up there, and BAM! Sticky works!
<!--<link rel="stylesheet" href="css/app.css" />-->
<link rel="stylesheet" href="http://cdn.foundation5.zurb.com/foundation.css" />
However, all my styles are now gone haha. How do you think I should approach this now, where all my styles are active again?

JD Fillmore commented on JD Fillmore's post about 3 years

Changed the script source to the one you provided, still no sticky. Although.. no more JS errors! Making progress :)
What else? 

JD Fillmore commented on JD Fillmore's post about 3 years

Thanks Brett!
Removed what you had requested, sticky still not working. What else could it be? It's weird because I downloaded a fresh install of F5, and the sticky function doesn't work out of the box.

JD Fillmore commented on JD Fillmore's post about 3 years

I found a code the utilizes the F5 sticky EXACTLY how I want it (can be found here - http://www.codeply.com/go/BEfGlQL5b2).
However, when I paste it into my code, it still doesn't work! This is really strange..
Do you think I'm not linking my JS up properly? I'm using Sass, and I've imported the top-bar code.

JD Fillmore commented on JD Fillmore's post about 3 years

Just tried it out, still not working :( any other ideas?

JD Fillmore commented on JD Fillmore's post about 3 years

Anyone?

Posts Followed

No Content

Following

    No Content

Followers

My Posts



My Comments

You commented on JD Fillmore's post about 3 years

I got it working!!!
The problem was that I had the following code in my app.css:
 
body, html {
overflow-x: hidden;
}
When I changed it to:
html {
overflow-x: hidden;
}
It worked perfectly!!!
Thanks a ton for your help Brett :) really appreciate it

You commented on JD Fillmore's post about 3 years

Brett, some awesome progress here!
So I commented out the stylesheet link to app.css - which is where i'm doing all my styles. I then put a link to the CSS you have up there, and BAM! Sticky works!
<!--<link rel="stylesheet" href="css/app.css" />-->
<link rel="stylesheet" href="http://cdn.foundation5.zurb.com/foundation.css" />
However, all my styles are now gone haha. How do you think I should approach this now, where all my styles are active again?

You commented on JD Fillmore's post about 3 years

Changed the script source to the one you provided, still no sticky. Although.. no more JS errors! Making progress :)
What else? 

You commented on JD Fillmore's post about 3 years

Thanks Brett!
Removed what you had requested, sticky still not working. What else could it be? It's weird because I downloaded a fresh install of F5, and the sticky function doesn't work out of the box.

You commented on JD Fillmore's post about 3 years

I found a code the utilizes the F5 sticky EXACTLY how I want it (can be found here - http://www.codeply.com/go/BEfGlQL5b2).
However, when I paste it into my code, it still doesn't work! This is really strange..
Do you think I'm not linking my JS up properly? I'm using Sass, and I've imported the top-bar code.

You commented on JD Fillmore's post about 3 years

Just tried it out, still not working :( any other ideas?

You commented on JD Fillmore's post about 3 years

Anyone?

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content