Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 26, 2019 at 3:33 pm #1142304
    qz7g5c

    Hello,
    I just created a onepager-webside with an menue according to three different IDs on the site. Enfold itself marks the different items by underlining them in an pre-selected color. I am using the transparent menue which stays on top of the Page while scroling down.
    Here is my Problem:
    On the initial loading of the page, this “marker” underlinds the secound element of the menue. While hovering above the menue with my mouse, it stays underlined but the first and secound element get underlined as well, as I hover over them. After klicking on one Item of the menue the page scrolls down just as it should. But the marker is now on the first item on the menue. Also its slightly lower as the representation changes by leaving the top of the webside. The same thing happens as I scroll down.
    On renavigation there is the same issue as before, while the marker stays on the first element.
    Back on the top, the marker returns to the secound element.

    Is this an issue caused by Enfold, or do you have an idea wehre it might comes from?

    Kindly regarts

    September 29, 2019 at 2:02 am #1143052
    Mike

    Hey qz7g5c,
    Sorry for the late reply, I see that you have added ID’s to code block elements for your anchors:

    <div id="leistungen"></div>

    and while this works well for linking to the anchors, the menu items are not triggered with the correct classes for highlighting, so I would recommend removing these and using color sections to create the sections and add the IDs to them for the menu items.
    One thing I would point out is if you are not going to have a “Home” or “top of the page” menu item then one of your menu items will be incorrectly highlighted, typically the one closest to the top, to avoid this I recommend creating a “Home” menu item with the url of “#top” and then hiding this with css. We can help with this after you create the menu item if you wish.
    If an example of what I mean would help please clone your current page to a test page and include an admin login in the Private Content area.

    Best regards,
    Mike

    October 2, 2019 at 11:56 am #1144134
    qz7g5c

    Hey Mike,

    thank you very much for your help. It almost solved my problem. The only thing that does not work by now is hiding the menu-item for “home” using css or HTML. Where do I need to fill in what code?
    Do I have to use the quick-CSS section at Enfold > gernerally styling > Qick CSS? Or can I use something directly within the menu-item itself? Or do I need to create a seperate class to hide it?
    I tried the first both and I might just have used the wrong code or Tags?

    Thank you very much again!

    Best regards.

    October 4, 2019 at 7:27 am #1144893
    Mike

    Hi,
    To remove the “hone” menu item & the left border for “Leistungen” please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #menu-item-2500 {
	display: none !important;
}
li#menu-item-2197 > a > .avia-menu-text {
    border-left-width: 0px !important; 
}

    Then please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.