hawkeye126

Thanks, that did it!

That is a bottom border being applied via CSS.
A quick solution is to hide it when the menu becomes sticky.
To do so add this to your child theme’s CSS:

.is-sticky #block-header {
    border: none;
}

Or remove the initial border style on line 38 of

/wp-content/themes/yoo_inspire_wp/css/layout.css

That should be no problem.
Please make a new support thread if you are still having the problem.

Thanks for using the plugin!

It appears sticky is not targeting your navigation, here is the fix:
Go to Settings -> Sticky.JS Menus

In the first box add:

#block-header

Save, clear any caching, refresh.
Let me know if that works.

Thank you for using the plugin and bringing those issues to my attention.
I will fix them and update the plugin as soon as possible.

Perfect, thanks for using the plugin.
I am marking this as resolved.

I’m glad you find the plugin useful!
I’ve checked the site and the menu appears to be working.

If you are referring to the loss of formatting (margins and borders) this is because the sticky menu is targeting .menu w/in .main-navigation.
To keep the styles go to settings -> Sticky.js Menus and set the first box to .main-navigation in order to make that the primary sticky object.

Thanks Teddy!

I am using the premium plugin actually, it might be a few months out of date tho (v3.14.1).
How do I do this with the pro version?

The nav bar actually is white but has an opacity of .95 due to the nav class ‘transparent’.
To fix you must remove the transparent class from the nav menu or if that’s not possible override the style by adding the following code to your child theme:

#site-navigation {opacity:1;}

or if you don’t want to use an ID

.sticky-wrapper .transparent {opacity:1;}

Have you accepted or declined the newsletter/update email notifications? Doing so allowed these options to be visible for me.

Thanks to diggy from StackOverflow I’ve foudn that in the WordPress cycle, the file vars.php (containing my needed functions) is included after muplugins_loaded executes.

Including wp_is_mobile() and current_user_can() in wrapper functions fixed my problem.

I am posting here for future reference, hopefully someone will find it useful.

It is working on my end.
You may have to give the nav a background color to get the desired result.
Thanks for using the plugin!

.main-navigation li a { color: red; }

will work but you need to make sure it’s in your child theme and is not being overridden by an over specified style (or media query), if so you can fix this by giving more qualification to the selector:

.site-header .main-navigation li a { color: red; }

No problem, I have added some alternative solutions to the post above.

#services ul li {
display:inline-block;
vertical-align:top;
width:30%;
margin:0 3%;
}

Change your width to 20%, the list items do not have enough room

#services ul li {
display:inline-block;
vertical-align:top;
width:20%;
margin:0 3%;
}

Alternatively you can set the margin to 0 auto

#services ul li {
display: inline-block;
vertical-align: top;
width: 30%;
margin: 0 auto;
}

Or to stack them set the margin to 0 30%

#services ul li {
display: inline-block;
vertical-align: top;
width: 30%;
margin: 0 30%;
}