Menu jumps to the right….on scrolll

Hi Tony, thanks for trying my plugin! ??

The reason why it jumps, is basically because you have a width of “100% !important” assigned to the element. That way, the plugin is unable to give it the proper width once it becomes sticky:

#masthead.style2 #site-navigation {
    width: 100% !important;
    max-width: none;
    float: none;
    clear: both;
    padding-top: 30px;
    padding-bottom: 5px;
    text-align: center;
}

I’m not sure why you have that width assigned to it, but I would recommend to remove it.

To give it a translucent background, you could add something like this to your CSS:

.sticky-element-original:not(.sticky-element-active) {
   background-color:rgba(255,255,255,0.5);
}

Hope this helps, let me know if you have any other questions!

Thanks for the quick response Mark.

Can I just remove the !important piece or the whole thing?

I’d say getting rid of the “!important” part should be enough.

• This reply was modified 8 years, 4 months ago by Senff - a11n.