Storefront Designer/Customizer Nav No Sticky Sticky

I forgot to mention that in a previous post, where I was asking about making the header image 100% width but without the primary nav bar, I was told to use the following lines in the functions.php file:

add_action( 'storefront_header', 'jk_custom_header', 10 );
function jk_custom_header() {
echo '<a href="https://www.domain.com"><img src="https://www.domain.com/header.png" width="100%"></a>';
}

The layout is almost how I want it, though it still is not at 100% width.

Right now I just need to make the primary nav links get sticky

Thanks for any and all help

https://www.ghastlystudio.com

When I bought Customizer and Designer I was under the impression that they would work on child themes made for Storefront

What gives?

Hi,

The sticky navigation option seems to be working just fine; https://cloudup.com/cNFgpRnCq_c

Which browser are you using?

I’m sorry, I meant the Storefront child theme by Stuart Druff (ver 1.0.0)

I’ve switched the web page back to it so you can see

https://www.ghastlystudio.com

Thank you for your help James

Oh…it also doesn’t work on the primary Storefront as well.

I was also wanting to ask about Deli and the other themes. When do you think they be updated to include support for Designer and Customizer.

Thanks again!

Hey,

I’m not familiar with that child theme but there’s no reason why the Storefront extensions wouldn’t work with a child theme. Some of theme don’t work with specific features (IE the button styles, or the header layouts, because child themes can modify those elements quite extensively) but in general the extensions should work fine.

The sticky navigation option most definitely works with Storefront core as well.

Having the same problem here with https://reinke.re

I’m using Storefront w/ WordPress 4.4.1 and plugins Storefront Designer and Storefront Site Logo.

I have ticked

Design > Customize > Header > [X] Sticky Navigation

but the navigation (header menu) is not sticky. What am I doing wrong?

@zx6 are you sure the feature is enabled/saved? Looking at your source I can see that the sticky class isn’t applied, nor is the required javascript loaded which leads me to believe the option isn’t enabled. Please double check.

Yes. Positive. Sticky Navigation is ticked.

I made a screenshot. See here:

https://drive.google.com/open?id=0B_79CfBKK9CyUWhXYnkxMEdPLVU

As I’m just setting up the site, I’m not sure, but is there the chance that the update to WP 4.4.1 caused this? I think when I configured that very setting, I saw it working. That was days before the upgrade to 4.4.1.

That’s very strange. It’s hard for me to debug this without access to your site I’m afraid. Maybe just quickly try deactivating/reactivating the plugin.

Found something in the documentation. It says “Sticky navigation only works in the compact and expanded header layout mode.”

Ok, I have four header layout modes, none of them has the name “compact”. The “expanded” one looks broken to me because it displays the page title twice one above the other (and I don’t see where you can influence the second line to be used for other text anywhere).

So I’ll stick with non-sticky.

Have you made any changes to the theme? I just checked these options and they’re working fine for me.

Try disabling any modifications you’ve made and re-check.

I have the same problem as zx6. If I disable my child theme then sticky navigation works.

I deleted all the css in the child theme to see if I had introduced a problem. The sticky nav still won’t work.

@deedah what else do you have in your child theme? Do you have the latest versions of Storefront and the Designer plugin?

I’ve just tested this locally and it’s working fine for me with or without a child theme.