[Support request] sticky menu background partially transparent?

[Tom]

Perhaps this will help:

body {
    overflow-x: hidden;
}

[Paul]

Thank you, that worked perfectly!!

However, if I update my GP Premium plugin from to ver 1.3 to ver 1.3.1 the sticky nav doesn’t work properly (I loose the brushed edge overlay)

Here is what it looks like with GP Premium 1.3 – https://www.screencast.com/t/sJkgSqyVSB0
(http://pastorschaller.com/tg1/)

Here is what it looks like with GP Premium 1.3.1 or higher – https://www.screencast.com/t/ZyrlEVSL3
(http://teriyakigrill.us/)

I would really like to keep GP Premium up to date, so is there something we can change to allow it?
Thank you

(6/19/2017) – 1.3.1
Hooks: Add notice to disable PHP execution if DISALLOW_FILE_EDIT is defined
Menu Plus: Fix RTL spacing in slide-out menu
Menu Plus: Fix bug where sticky nav was interfering with mobile header
Menu Plus: Merge all sticky nav transitions into one script
Menu Plus: Re-write fade and slide sticky navigation transitions
Menu Plus: Add new option to hide sticky navigation while scrolling down
Fix double forward slashes in some script calls inside Customizer
Add WPML config file

Here is the CSS you provided previously which gives me the custom menu overlay:

/*
Fixes 1px line under sticky menu
*/

.main-navigation.navigation-clone,
.main-navigation.is_stuck {
    box-shadow: 0 0 0 0 transparent;
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 0 0 0 transparent;
}

/*
Allows primary Nav BG semi transp image to sit on top of the body content both fixed and sticky
*/

.nav-image {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;  
    z-index: 999;
}

#primary-menu,
.site-logo {
    position: relative;
    z-index: 1000;
}

#site-navigation:not(.is_stuck),
#mobile-header:not(.is_stuck) {
    position: relative !important;
}

#site-navigation:after,
#mobile-header:after {
    content: url(http://teriyakigrill.us/wp-content/uploads/2016/12/brush-BG-white-v2-1992x100.png);
    position: absolute;
    bottom: -40px;
    display: block;
    z-index:-1;
}
body {
    overflow-x: hidden;
}

[Tom]

I’m trying to check it out in 1.3, but it’s saying your website is unavailable.

Let me know 🙂

[Paul]

Sorry about that. Its fixed now. I had rolled the site back to June in order to see the site using ver 1.3 and was using maintenance mode then

[Tom]

Instead of this selector:

#site-navigation:after, #mobile-header:after

Try this:

#site-navigation:after, #mobile-header:after, #sticky-navigation:after

[Paul]

Worked great. Thanks again!

[Tom]

You’re welcome 🙂

[Author]

Posts