Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 20, 2022 at 4:53 pm #1362287
    tcampaner

    Hi,

    Is it possible to have on this website, on the inner pages, a hover menu. on the sticky menu?

    Brutăria

    I would like the menu to appear only at hovering over the logo, as in this example: https://www.signatura.ro/about-us/

    I have added this code, but it hides the menu also on the non-sticky menu:

    #top #header_main_alternate {
    display: none;
    }
    #top #header_main:hover #header_main_alternate {
    display: block;
    }

    Thank you!

    August 20, 2022 at 9:42 pm #1362302
    Mike

    Hey tcampaner,
    Thanks for the link to your example page, I see this behavior only occurs “after” the page is scrolled, and it has a sticky header.
    Yet your page doesn’t have a sticky header as Enfold Theme Options ▸ Header ▸ Header Behavior ▸ Sticky Header would provide.
    So assuming that you only want this “before” scroll, we will hide the menu on page load and then only show it on logo hover.
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top #header_main_alternate {
	display: none;
}
#top #header_main:hover #header_main_alternate {
	display: block;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 27, 2022 at 3:40 pm #1362939
    tcampaner

    Hi,

    Thank you very much for your help!
    This is what I wanted to be applied, as you said, only to the sticky header. Now, it is also applied to the normal header (when there is no scroll).

    Regards

    August 27, 2022 at 9:39 pm #1362955
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hover menu’ is closed to new replies.