jezpas

Hi, thanks for your help but I think I didn’t explain it properly.

When you’re at the top of the page I want the menu to appear as it does right now (see demo link in previous post).

When you scroll down I want it to move up with the rest of the content until it reaches the absolute top of the page where it should stick (behaving like position:fixed).

So it’s not just a position:fixed and I believe, not possible with pure css

Right now it’s not publicly available but a demo of the theme I’m modifying can be found here: https://www.dessign.net/minimaldessign/

Thanks

I’m also very interested in a solution, the unminified javascript is

var $j = jQuery.noConflict();
$j("document").ready(function () {
    var f = RMRH_VALUES.pluginUrl + RMRH_VALUES.loadImageName,
        b = $j(new Image()).attr("src", f).css("margin-left", "10px");
    $j("a.more-link").each(function (h) {
        anchorEl = $j(this);
        c(anchorEl)
    });

    function g(h) {
        var i = h.lastIndexOf("-");
        return h.substr(++i)
    }
    function c(i) {
        var h = i.attr("href");
        i.bind("click", {
            el: i,
            url: h,
            postid: g(h)
        },
        e)
    }
    function e(h) {
        var j = h.data.el,
            i = b.clone();
        j.after(i);
        i.show();
        $j.ajax({
            type: "POST",
            url: h.data.url,
            dataType: "html",
            cache: false,
            data: {
                "wt-rmrh-redirect": "1",
                postid: h.data.postid
            },
            error: function (k, m, l) {
                data = '<b><font color="red">Sorry! There was an error retrieving content.<br />Click again to be taken to this entry\'s page.</font></b>';
                a(j, i, data, true)
            },
            success: function (k, l) {
                a(j, i, k, false)
            }
        });
        return false
    }
    function a(o, l, h, i) {
        var n = $j("<p>").html(h).hide(),
            k, m = function () {
            n.find("object").each(function () {
                $j(this).toggle()
            })
        },
            j = new Array(function () {
            m();
            n.slideToggle(1000, function () {
                l.fadeOut(500)
            })
        },

        function () {
            n.slideToggle(1000, function () {
                l.fadeOut(500);
                m()
            })
        });
        o.unbind("click", e);
        if ($j.browser.msie && (parseInt($j.browser.version) > 6)) {
            if (d(n)) {
                window.location = o.attr("href");
                return
            }
        }
        n.find("object").each(function () {
            $j(this).hide()
        });
        l.after(n);
        n.slideDown(1000, function () {
            l.fadeOut(500);
            m()
        });
        if (!i) {
            o.click(function () {
                o.after(l);
                l.show();
                j[0]();
                k = j[0];
                j[0] = j[1];
                j[1] = k;
                return false
            })
        }
    }
    function d(i) {
        var h = false;
        i.find("object").each(function () {
            h = true;
            console.log(this);
            return
        });
        return h
    }
});

Hope that’s what you need
Thanks
Jez

Hi, you should consider redoing the whole site using wordpress.
The blog design isn’t very good and the main site’s design is even worse, but that’s no biggie, with wordpress it’s easy to get a fresh layout with a personal touch without too much hassle. Go to https://www.ads-software.com/extend/themes/ and find a good theme for your site and blog and work from that.

Good luck!

Can you make this work with piclens? I’m giving it a shot!