[Resolved] Tweaking – Please help me :)

Home Forums Support [Resolved] Tweaking – Please help me :)

Home Forums Support Tweaking – Please help me :)

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #198855
    Christoffer

    http://rogalandvaktservice.no/

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

    And this is what I would like to do:
    want
    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!

    #198911
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #198934
    Christoffer

    Thanks for the reply Tom. I did as u asked. I have your simple css also installed πŸ™‚

    #198989
    Tom
    Lead Developer
    Lead Developer

    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 5 years, 1 month ago by Tom.
    #199174
    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.

    #199200
    Tom
    Lead Developer
    Lead Developer

    I just made another adjustment – can you give it a try? πŸ™‚

    #199288
    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 5 years, 1 month ago by Christoffer.
    • This reply was modified 5 years, 1 month ago by Christoffer.
    • This reply was modified 5 years, 1 month ago by Tom.
    #199430
    Tom
    Lead Developer
    Lead Developer

    I just altered your code above so it should do that πŸ™‚

    #199497
    Christoffer

    Tom, it didnt work πŸ˜€
    Might it be cus’ the sticky menu is following as we scroll along?

    #199498
    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 πŸ˜€

    #199561
    Tom
    Lead Developer
    Lead Developer

    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;
        }
    }
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.