Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2017 at 9:02 pm #748891
    Sladestyle

    Hi,

    I’m not sure this is possible but thought I would ask as you guys tend to find amazing ways to do things.

    I have a client that wants (on page load) “logo left/menu below” and then when you scroll down and the header shrinks have “logo left/menu right”. Is this possible?

    On Page Load

    On Page Scroll

    Thank!
    Slade

    February 18, 2017 at 10:10 pm #748896
    Basilis

    Hi Slade!

    Can you please send us a link of your web site?
    We might be able to give a width at the menu and get it below.

    Thanks a lot

    Best regards,
    Basilis

    February 18, 2017 at 10:18 pm #748899
    Sladestyle

    Hi Basilis! Thanks for taking a look.

    The site is in the early stages of development. I am placing login info in the private content area.

    p.s. – I currently have it set as “logo left/menu right” but feel free to play with the Header settings (“logo left/menu below”) as needed.

    Thanks!
    Slade

    February 24, 2017 at 6:03 am #751258
    Ismael

    Hi!

    Thank you for the update. Looks like you manage to accomplished it with the following css code.

    .header-scrolled #header_main_alternate {
    position: absolute;
    top: 25px;
    right: 0;
    width: 77%;
}

    Cheers!
    Ismael

    February 24, 2017 at 6:09 am #751260
    Sladestyle

    Hi Ismael,

    Yes, I got it to do what I wanted however in the process of aligning the scrolled navigation to the right it Reversed the menu items. Any ideas?

    Thanks!
    Slade

    February 24, 2017 at 7:03 am #751271
    Ismael

    Hey!

    Please remove this modification.

    .header-scrolled .av-main-nav li {
    float: right !important;
}

    UPDATE: Add this css code:

    .header-scrolled .av-main-nav li {
    float: none;
    display: inline-block;
}

.header-scrolled .av-main-nav-wrap ul {
    margin: 0px !important;
    text-align: right;
}

    Cheers!
    Ismael

    February 24, 2017 at 7:07 am #751273
    Sladestyle

    Brilliant! Thanks Ismael!

    February 27, 2017 at 5:09 am #752126
    Ismael

    Hi!

    No problem! Glad we could help. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Menu position on scroll – is this possible’ is closed to new replies.