Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 5, 2015 at 12:23 pm #530720
    ErnstOpusVDesign

    Hello Kriesi-guys,

    Could you please help us with our menu.

    We are using the MegaMenu but it is getting to big. We would rather have pull down menu’s.

    Actualy we like the menu’s used in the cellphone; we have checked the “Hide submenu-items on mobile phones” in the Header–> Mobile Menu

    Could you please take a look at our website. Is it possible to create a scroll down for the second and third menu layer?

    Thanks for helping me,

    Angele

    November 5, 2015 at 4:44 pm #530931
    Elliott

    Hi Angèle!

    I’m not sure what you mean by pulldown menus. Do you mean the regular dropdown menus?

    Best regards,
    Elliott

    November 5, 2015 at 5:44 pm #531011
    ErnstOpusVDesign

    Hello Elliott,

    Thanks for reading my question.

    What I mean is a mega-menu in three levels, In which the second and third level only opens when you have a mous-over.
    Like a Flyout Menu

    V Menu 1
    – Menu 1 A >
    – Menu 1 B >
    – Menu 1 C > – Menu 1C.1 (only opens when you click on Menu 1C)
    – Menu 1C.2 (only opens when you click on Menu 1C)

    I hope you now understand my question.
    We have already set up a view new menu’s but when we set them live the are much to long to view on your screen.

    Best regards

    November 5, 2015 at 6:27 pm #531067
    Elliott

    Hey!

    Would hovering work? If so then add this to your custom CSS.

    .avia_mega_div .sub-menu .sub-menu .sub-menu { display: none; }
.avia_mega_div .sub-menu .sub-menu > li:hover .sub-menu { display: block; }

    Cheers!
    Elliott

    November 8, 2015 at 4:51 pm #532149
    ErnstOpusVDesign

    Hi Elliott,

    Thanks for helping me. If you look at our site you can see that the main menu is changed already. Still I’m looking for a combination of Mega Menu with collums and lists wich after a mousover open a third menu-itme (“menu-item-has-children”)
    It’s hard for me to explain our wishes.

    The secundary menu is also filled in.

    How can I make both menu’s function and look the same? They should both look like the main menu!

    I don’t want the underlined links and I don’t want the dotted line under each box, and also the hover should look the same as the main menu!

    Greetings,

    Angèle

    November 9, 2015 at 6:42 pm #532822
    Elliott

    Hey!

    Would hovering work? If so then try the code out in my previous post.

    Also, I viewed your site again but it looks like your removed the mega menus.

    Regards,
    Elliott

    November 9, 2015 at 7:52 pm #532857
    ErnstOpusVDesign

    Hello Elliott,

    Hovering would work I guess. I had to remove the Mega Menu because it was getting to big (either to wide or to long).
    I probably asked my questions a bit odd. Not native English ;-).
    Can you explain me how te get the best of both!! And how the secundairy menu will look the same as the main menu.

    Cheers,

    Angèle

    November 10, 2015 at 5:29 pm #533482
    Elliott

    Hi!

    Go ahead and try the code I posted and let us know when your done adding it so we can check. I think that should work for you.

    Best regards,
    Elliott

    November 10, 2015 at 6:19 pm #533542
    ErnstOpusVDesign

    Hi Elliott,

    The code is added. But still the Secundairy Menu in the upper right does not look & act the same as the Main Menu.
    We want both menu’s look the same.

    Best regards,

    Angèle

    November 10, 2015 at 6:38 pm #533574
    Elliott

    Hi!

    You still do not have the mega menu activated and when you say you want the header menu to look like the primary menu are you just trying to get rid of the dotted lines between each menu item?

    Cheers!
    Elliott

    November 10, 2015 at 6:59 pm #533597
    ErnstOpusVDesign

    Hi Elliott, Unfortunatly we can not use Mega-Menu because it get’s to big. The whole screen will be filled than.

    Yes I want to get rid of the dotted lines and the underlined titles in the secundary menu and we want hover over it.

    Cherio!

    Angèle

    November 11, 2015 at 6:32 pm #534307
    Elliott

    Hey!

    So the only thing your trying to do now is style the header menu. Add this to your custom CSS.

    #header_meta .sub_menu * {
    border: 0px !important;
}
#header_meta .sub_menu .sub-menu li a:hover {
    background: #e1e1e1 !important;
}

    Best regards,
    Elliott

    November 11, 2015 at 7:37 pm #534355
    ErnstOpusVDesign

    Thanks Elliott,

    Looks much better! Can you tell me how to remove the underline in the Subheadermenu?

    Cheers!

    Angèle

    November 12, 2015 at 5:57 pm #534937
    Elliott

    Hey!

    Add this.

    #header_meta *:hover, #header_meta *:hover a {
    text-decoration: none !important;
}

    Regards,
    Elliott

    November 16, 2015 at 4:22 pm #536585
    ErnstOpusVDesign

    Hi Elliott,

    Thanks again! The next thing we would love to adjust is the width of the menu.
    It should be 1,5x wider.

    And is it possible to open the second or third or fourth menu-item to the right and above (instead of to the right and down)
    At some screens you can not read the last menu-items anymore.

    Thanks again,

    Angèle

    November 17, 2015 at 7:02 pm #537581
    Elliott

    Hi!

    Add this.

    #top .sub-menu { width: 220px !important; right: 0px; left: auto; }
.sub-menu .sub-menu { left: -100% !important; right: auto; }

    Best regards,
    Elliott

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