Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 15, 2019 at 3:29 am #1053924
    marketingnr1

    Hello dear Kriesi.at support and any other helpful posters,

    I’m having some trouble with finetuning the dropdown/ flyover menu from main menu (located in header).

    first of all, im using a layout that has logo left, regular main menu (no burger menu on desktop).
    its styling has transparancy on the first page (whichs background is a picture) and turns to a white background on the following pages, the font color switches accordingly to black.
    the edge between header and main content area has no sperator/boarder/shadow whatsoever. however, I’m using an indicator in form of a underscore that moves onto the virtual boarder between header and main content when the user scrolls down and leaves the first page.

    so far, that didn’t result in any styling / designin problems, if it wasnt for the flyout/dropdown. when the mouse hovers over a menu item in the header(main menu) a flyover opens and creates a black prolonging of the indicator (that is thinly displayed on the virtual boarder between header and main menu, sorry for repeating this over and over).
    So,

    1) I would like to remove the black line displayed in the two attached pictures (first page and scrolled page)
    2) there is some kind of bottom padding (that is fine for all the above elements in the flyover/dropdown, but preferably not for the last element). I would like to remove that transparent padding (transparency between the submenu items is max. already)

    Thank you all very much in advance!

    PS:
    First page (no scroll display):
    https://img.picload.org/image/dcioadld/234.png

    After the first scroll:
    https://img.picload.org/image/dcioadla/frageheadermenu.png

    January 15, 2019 at 5:51 pm #1054202
    Victoria

    Hey marketingnr1,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    January 22, 2019 at 10:07 am #1057123
    marketingnr1

    hello victoria,

    sorry i didn’t reply till now. the link is attached as private content.

    best regards and thanks already!

    January 22, 2019 at 7:03 pm #1057384
    Victoria

    Hi marketingnr1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top ul.sub-menu {
  background: transparent !important;
  box-shadow: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 23, 2019 at 12:15 pm #1057683
    marketingnr1

    Hi Victoria,

    this works perfect, thank you!
    But how can i change the sub menu colors when the site is scolled?
    I am not using a mega menu btw.

    Kind regards!

    January 23, 2019 at 6:36 pm #1057869
    Victoria

    Hi marketingnr1,

    https://cl.ly/d325d9edb772 Well, how do you want to change it?

    Best regards,
    Victoria

    January 24, 2019 at 11:23 am #1058103
    marketingnr1

    We solved it before your post came in. But thank you for helping us!

    Kind regards

    January 24, 2019 at 11:47 pm #1058412
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Dropdown / Flyover Styling Problem’ is closed to new replies.