Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #916489

    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 :)

    #917059

    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

    #918639

    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

    #918640

    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

    #919520

    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

    #919914

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

    #920104

    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

    #920519

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

    #920665

    Hi,

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

    Best regards,
    Rikard

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.