Okay
  Public Ticket #3390907
Sticky navigation header
Closed

Comments

  •  5
    Filip started the conversation
    June 12, 2023 at 1:31pm

    Hi,

    I'm busy creating a website for a customer, the navigation menu is sticky but I have a issue when I want to anchor #link to rows in the same page, the navigation menu does not space so the top of the row are behind the menu. See page https://www.touchedby.be/aobbel.be/nl/federatie/provincies/ and chose for example Limburg to see the effect

    How can I achieve that the page scrols to the anchor but with the row completely vissible

  •  2,958
    Andrew replied
    June 12, 2023 at 1:55pm

    Hi Filip,

    Thank you for reaching out to us.

    I'm afraid I don't understand your query. Do you want to create anchor links on your main navigation menu? Currently, you don't have any anchor links in your navigation menu. You can set up anchor links as shown in this article https://themenectar.ticksy.com/article/6266/. Here's our guide to animate the anchor links https://themenectar.com/docs/salient/theme-options/general-settings/.

    Kind regards,

  •  5
    Filip replied
    June 12, 2023 at 2:29pm

    Hi,

    the anchor links are working fine and those options are on but go to this page:

    https://www.touchedby.be/aobbel.be/nl/federatie/provincies/#HAI

    You will see that the row is scrolled down but the top of the row is behind my sticky desktop navigation menu, you have to  scroll the height of the navigationmenu up to see the whole text starting with HENEGOUWEN

     when I toggle "Header Remove Desktop Stickiness" I see the whole text but I would like the keep navigation sticky

    Kind regards


  •  2,958
    Andrew replied
    June 12, 2023 at 4:51pm

    Hey Filip,

    Thank you for getting back to us.

    Try setting the header transparent option and let us know how it goes.

    I look forward to your response.

    Best regards,

  •  5
    Filip replied
    June 13, 2023 at 7:04am

    Hi,

    the effect stays the same even with transparant header enabled.

    Regards

  •  2,958
    Andrew replied
    June 13, 2023 at 9:27am

    Hey Filip,

    Thank you for getting back to us.

    Could you allow us to log in to your website's backend dashboard so we can check on this for you more? We are gonna need the username and password of the admin user as well as the login URL.

    Thanks,

  •   Filip replied privately
  •  5
    Filip replied
    June 13, 2023 at 3:26pm

    I have a second issue now, my submenu is starting much lower then the mainmenu

    Chaning the option "Header Dropdown Positioning" does not have any effect

    Attached files:  menu.jpg

  •  1,877
    Judith replied
    June 13, 2023 at 5:00pm

    Hi Filip,

    Please try this css to help with the sub,menu issue:

    #header-outer #top .sf-menu>li>ul, body #header-outer #top .nectar-woo-cart .widget_shopping_cart, body #header-outer #top .cart-notification {
    top: 49%;
    margin-top: 19px;
}

    Thanks.

  •  5
    Filip replied
    June 13, 2023 at 5:40pm

    Hi Judith,

    that did the trick, thanks for the fast solution for this one!
    You sometime don't have a solution for my initial problem with the anchor links?

    Thanks
    Filip

  •  2,958
    Andrew replied
    June 14, 2023 at 6:49am

    Hey Filip,

    Thank you for getting back to us.

    Try updating your theme to the latest version. Here's the documentation on the available methods for updating Salient: http://themenectar.com/docs/salient/updating-salient/#methods.

    To get a list of Bug Fixes and new Feature add-ons in the Latest Theme updates view the change log here http://themenectar.com/changelogs/salient.html .

    Try this and let us know how it goes.

    Thanks,

  •  5
    Filip replied
    June 14, 2023 at 7:08am

    Andrew

    I just did that, issue stays the same, top of row is behind the sticky header

    Thanks

  •  2,958
    Andrew replied
    June 14, 2023 at 10:17am

    Hello again Filip,

    Allow me to escalate this to the developer to advise some more.

    We appreciate your patience on this.

    Kind regards,

  •  8,839
    Tahir replied
    June 14, 2023 at 12:22pm

    Hey Again,

    Just added in this CSS to correct the issue: 

    1071310801.png


    Best

    ThemeNectar Support Team 

  •  5
    Filip replied
    June 14, 2023 at 3:25pm

    Hi Tahir,

    the problem stays the same, I hope we still talk about the first issue I reported? The 2nd I reported was solved directly by Judith.

    To see the issue go to this page: https://www.touchedby.be/aobbel.be/nl/federatie/provincies/

    Then click on the Luik link under the birds, you'll see that the page scrols down but shows only the last line of row #LIE and starts with LUXEMBURG, so the top part of row #LIE  LUIK is hidden behind the sticky header

    I see now that that is only the case when you start from the page and click the link, if we use the url with anker in it it works https://www.touchedby.be/aobbel.be/nl/federatie/provincies/#LIE

  •  8,839
    Tahir replied
    June 15, 2023 at 4:48am

    Hey Again,

    The section links need to be added in like below screenshot and without the "./" : 

    4751580305.png

    Thanks.

    ThemeNectar Support Team 

  •  5
    Filip replied
    June 15, 2023 at 10:27am

    Hi Tahir,

    argh... stupid me.... 
    thanks for pointing me out, that did the trick!

    Thanks for helping out