Hi Andy,

I didn’t fix it. I removed the code because I couldn’t leave it like that on our live site.

It seems like both of the iPhone 6 Plus we saw the issues on fixed themselves. I’m not sure what happened initially, but it seems like everything is good to go. Thanks!

No I haven’t tried wp_nav_menu_items yet. Thank you for bringing it to my attention! Would the functions file be the best location to place the filter’s code?

Thanks for the catch! A team member commented out the function from the JS file and didn’t let me know.

New issue: The search box now recognizes the enter button press and sends the viewer to the shop site to view the results, but it isn’t sending the search terms through with it causing a 404 error. However, if I click back and then press enter again the search terms are sent through and the results populate. I don’t have that issue if I remove the search box from the main navigation and place it within a page. The only difference I see in the code is an anchor tag is placed around the search box when it is placed within the menu structure, and it isn’t there when the search box is placed within a page. Any ideas on why the text in the search box isn’t being sent on the first try? Could I be calling the JS file from the wrong area or is there a “preferred” area to call it from?

Image of the URL on first and second enter press: https://www.dropbox.com/s/gemlhczumus43xn/search-terms.jpg?dl=0

I resolved the issue. I wanted a sticky footer, but I should’ve been looking at a scrollToFixed div. The navigation now stays at the bottom of the browser window and stops when it encounters a defined class. Thank you again for helping me despite not being able to see the website.

I found what I believe is the page ID, 3158, by hovering over the “move to trash” link, but the footer still appears on every page and outside of the main content area. Below is the code I used.

function sticky_footer() { 
if(is_page(3158))
?>
<div class="sticky-footer">
	<div class="wrapper">
		<p>Some text here, and some more and some more and a bit more.</p>
	</div><!-- end .wrapper -->
</div><!-- end .sticky-footer -->

</script>
<?php } 

add_action('wp_head', 'sticky_footer');

The text above is what is all of the code currently on the page. “The Family” is text that describes the content we are using for the page. It is a page showing the teams we sponsor. The sticky footer code starts is just the section below:

<div style="background-color:red; height:80px;">&nbsp;</div>
    <div class="sticky-footer">
            <div class="wrapper">
                <p>Some text here, and some more and some more and a bit more.</p>
            </div><!-- end .wrapper -->
    </div><!-- end .sticky-footer -->

As well as the style section that makes it into a sticky footer:

<style>
	/* Sticky Footer Styles */
	.sticky-footer {
		position: fixed;
		bottom: 10px;
		z-index: 999;
		width:100%;
		background: #ffffff;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		padding:5px 10px;
		max-width:1002px;
	}
	
	.sticky-footer p {
		color: #000000;
		text-align:center;
	}
</style>

The rest of the code is just the content that I added so far and can be disregarded. To me it just seems like the sticky footer is jumping outside of the content area of the page, and we would like it to only stay within the content area. We’re planning on going live within the next month, and I will let you know when that happens.

Unfortunately the website is still being built and is on our internal test server. Because of that, only people within the building/company are able to see the website, but I did include screenshots below. I added the code directly to the Teams page. The style section is only there until everything is working. Then it will be moved to the custom.css file.

In the first screenshot, the sticky footer appears below the website’s footer container class div. In the second image the website footer is covering the sticky footer, and it is the same in the third image. Is there a way I can tell the sticky footer to stay within the page’s content area and always be at the bottom of the browser’s visible area but not scroll past or cover the website’s footer?

Here is a mockup of how we would like the sticky footer to behave: https://www.dropbox.com/s/1l4izgu1wibpyya/teams%20page.jpg

https://www.dropbox.com/s/or33xjbhgtopyj3/capture1.png
https://www.dropbox.com/s/cad7ixlm7hpjbvs/capture2.png
https://www.dropbox.com/s/j35gsaamoig7ccc/capture3.png

Thank you, that resolved the fading. Is there a way to remove the delay when the menu first appears and when it disappears once I move my cursor off of it? There seems to be about a 1 second delay for appearing and disappearing.