Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 23, 2018 at 4:19 am #916489
    webWahine

    Hello
    For this site in development, I have a basic ‘non transparent header’ page with a main and secondary menu –
    http://azureatsouthgate.com/features/
    The main menu is how I’d like it to be positioned, ie, aligned with the top of the logo.
    My home page is set to have a ‘transparent header’, but before scrolling starts the main menu is not visible, although a cursor indicates a link and the sub menu shows up on hover. As soon as scrolling starts it shows up in the correct position. I’ve got a lot of code in there so I’ve perhaps done something that is pushing it up before scrolling?

    http://azureatsouthgate.com/

    thank you in advance and please advise :)

    February 24, 2018 at 12:56 pm #917059
    Victoria

    Hey webWahine,

    Works smoothly on my end. Could you please clear the cache, check again and get back to us.
    Can you please make a screencast of the issue, so that we can understand it better?

    Best regards,
    Victoria

    February 27, 2018 at 9:15 pm #918639
    webWahine

    Sorry for the delayed reply. It’s still not working for me after clearing cache and looking on other browsers, etc.
    Here’s a screenshot before scrolling, where you can see that the sub menu is in the correct place on hover but the top menu items seem to be pushed up under the secondary menu –
    before scrolling
    And here’s one after scrolling starts, where everything is in the proper place –
    after scrolling

    February 27, 2018 at 9:16 pm #918640
    webWahine

    Sorry, not sure why the images didn’t come through –

    before scrolling –
    http://azureatsouthgate.com/images/beforeScrolling.jpg

    after scrolling –
    http://azureatsouthgate.com/images/afterScrolling.jpg

    March 1, 2018 at 10:38 am #919520
    Ismael

    Hi,

    Thank you for the info.

    Please look for this css modification in the style.css file.

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, #top .av_header_transparency #header_main_alternate, .av_header_transparency #header_main .social_bookmarks li a {
    text-decoration: none;
    color: #ff3300 !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px #000;
    margin: 50px 0 50px 0 !important;
}

    Adjust the line-height value to 200px.

    Best regards,
    Ismael

    March 1, 2018 at 9:23 pm #919914
    webWahine

    Ismael, that works perfectly! Thank you so much :)))))))

    March 2, 2018 at 7:06 am #920104
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 2, 2018 at 8:10 pm #920519
    webWahine

    No, all is well – please close this thread :)

    March 3, 2018 at 8:06 am #920665
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘main menu placement is changing before and after scrolling’ is closed to new replies.