[Resolved] Tweaking – Please help me :)

[Christoffer]

http://rogalandvaktservice.no/

Okay so this is pretty much what I’ve got now:

And this is what I would like to do:

Basicly: Adding our logo in the menu…

I tried injecting it with hooks.

I got GP-premium, could anyone tell me how I should go on making this what I want? 🙂
Thanks in advanced!

[Tom]

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 🙂

[Christoffer]

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

[Tom]

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;
    }
}

• This reply was modified 7 years, 10 months ago by Tom.

[Christoffer]

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

Thanks in advanced.

[Tom]

I just made another adjustment – can you give it a try? 🙂

[Christoffer]

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 🙂

• This reply was modified 7 years, 10 months ago by Christoffer.
• This reply was modified 7 years, 10 months ago by Christoffer.
• This reply was modified 7 years, 10 months ago by Tom.

[Tom]

I just altered your code above so it should do that 🙂

[Christoffer]

Tom, it didnt work 😀
Might it be cus’ the sticky menu is following as we scroll along?

[Christoffer]

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 😀

[Tom]

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;
    }
}

[Author]

Posts