Tweaking - Please help me :)

Hi there,

Have you tried adding a menu logo using the Menu Plus add-on? Go to "Customize > Menu Plus > Sticky Menu" and upload the menu logo.

Then set it to "Sticky + Regular" or "Regular Only".

Save and let me know - I'll go to your site and should be able to whip up a little custom CSS :)

Thanks for the reply Tom. I did as u asked. I have your simple css also installed :)

Something like this might do it:

@media (min-width:769px) {
    .main-navigation .main-nav {
        padding-left: 120px;
    }
    .inside-navigation {
        position: relative;
    }
    .main-navigation .sticky-logo {
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .main-navigation .sticky-logo img {
        height: 100px;
    }
}

Hi Tom, yet again thanks for your reply =)
I added your codes to the Simple CSS, does not seem to work.

Thanks in advanced.

I just made another adjustment - can you give it a try? :)

So nice of you to reply :
Thanks!

This seems to do the trick:

@media (min-width:769px) {
    .main-navigation .main-nav {
        padding-left: 150px;
    }
    .main-navigation .sticky-logo img {
        height: 150px;
        position: relative;
        top: -20px;
        left: -20px;
    }
}

But I cant seem to be able to move the picture slightly up and to the left.
It ONLY wants to be moved right and down. (By padding)
You fancy looking into that too?
I've got it about the size I want it, also the overflow is perfect now, just need it slightly up to the left :)

I just altered your code above so it should do that :)

Tom, it didnt work :D
Might it be cus' the sticky menu is following as we scroll along?

Scratch that, it did work. Thanks alot. Marked as solved :)
Anyways, is it possible to revert this as we scroll down?

Now it seems wrong when the stickybar takes over. I want it to point down again than, like it did before :D

This should do it:

@media (min-width:769px) {
    .main-navigation:not(.navigation-clone) .main-nav {
        padding-left: 150px;
    }
    .main-navigation:not(.navigation-clone) .sticky-logo img {
        height: 150px;
        position: relative;
        top: -20px;
        left: -20px;
    }
}