Sticky Menu Problem for Swank.

[SamBell]

Hi Everyone,

Hoping someone can help with this sticky menu for the Swank theme??

I am trying to make it only visible when you scroll past the primary navigation. At the moment it is showing right from the top and it's also blinking. I was hoping someone could help me!!

Thanks in advance.

Website: http://www.sambellcreative.com/doulacare_ts/

http://www.sambellcreative.com/doulacare_ts/

[Victor Font]

Your code is doing weird things. As soon as you scroll, the menu is duplicated in the source code. Since that's a third party theme and not a Studio Press theme, I would contact the theme developer for assistance.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Susan]

Sam - I've just tweeted out to see if I can get someone to take a look for you 🙂

[SamBell]

Thanks for taking a look Victor.

Thank you Susan!! I am stumped on this one!!

[Genesis Developer]

You need to add the JS for it. JQuery syntax will be like this

jQuery(window).scroll(function(){
 //* WRITE YOUR CODE HERE.
});

For more knowledge see this https://api.jquery.com/scroll/

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[SamBell]

Hi Genesis Developer - Thank you =]
Where do I add this? I have a folder called js with a file 'sticky-menu.js' - is that what you are talking about?? Or does that JQuery Syntax go somewhere else?
Thanks.

[Genesis Developer]

Yes. You will add it in js file.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[SamBell]

That code was actually already in the js file...

I solved the problem but I ended up just deleting the fade in, fade out part - so its just fixed now.. it's not an ideal solution because now I can't have my social icons etc at the top, but this will have to do. Perhaps the theme just simply won't allow what I was hoping to achieve.

Thanks everyone for your help!

[Susan]

Sam - for your social media icons - the theme uses the top bar left for the social icons, which is going to go away with a sticky header. You should be able to add back in your Header Right widget area (going by memory, I believe it's disabled in the functions.php file); you might find that they will work in that location 🙂

[Author]

Posts