Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 21, 2019 at 12:01 am #1069735
    ollie08

    hi,
    i have some problems with the megamenu:

    You can see the numbers in my pic:
    1. i added in the first and last column a blank line and i would like to hide the triangle bullet, there should be no link in this line in the first and last column
    2. i would like to ad in the first and last column a trinagle bullet point (link) and would like to change the font color
    3. i would like to change the font size and the spacing of the textlines

    tips from you would be great. with kind regards

    https://drive.google.com/file/d/1nu235x6PbhGkAWMl3hfoTZUgsIJbOb4S/view

    • This topic was modified 5 years, 3 months ago by ollie08.
    February 23, 2019 at 8:34 am #1070627
    Rikard

    Hey ollie08,

    Thanks for the screenshot, could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    March 4, 2019 at 9:00 pm #1074510
    ollie08
    This reply has been marked as private.
    March 7, 2019 at 1:27 pm #1075970
    Ismael

    Hi,

    Thanks for the update.

    1.) This css code should remove the blank menu items.

    li#menu-item-833, li#menu-item-816 {
    display: none !important;
}

    2.) You asked how to remove the “triangle bullet” and now you want to add it again and change its color. That’s a bit confusing. Could you clarify that?

    3.) Use this css code to change the font size and line height of the mega menu items.

    #top #header .avia_mega_div > .sub-menu > li > ul ul li {
    margin-left: 15px;
    font-size: 24px;
    line-height: 36px;
}

    Best regards,
    Ismael

    March 7, 2019 at 9:03 pm #1076112
    ollie08

    hi,
    thanks for your answer and sorry for my bad english.

    you missunderstood me, i want to keep the blank line in the first and last column, but i dont want to have a link/triangle bullet in the blank line. your code remove the blank line.

    the finished menu should looks like:
    https://drive.google.com/file/d/19If640_1xV8WAx5B0l5PBmaF96p00kBa/view?usp=sharing

    -> the color of the two first lines shoud be red but only the entrys with a triangle bullet are links

    I explained that to you in an understandable way?
    thanks for your help
    Best regards,
    Oliver

    March 11, 2019 at 11:40 am #1077273
    Ismael

    Hi,

    Thank you for the clarification.

    Replace the previous modification with the following css code to remove the bullet and change the menu item color to red.

    li#menu-item-833 .avia-bullet, li#menu-item-816 .avia-bullet li#menu-item-833, li#menu-item-816 {
    display: none !important;
}

#top #header .avia_mega_div > .sub-menu > li > ul li.menu-item-has-children a, #top #header .mega_menu_title a {
    color: red;
}

    Best regards,
    Ismael

    March 18, 2019 at 9:10 pm #1080067
    ollie08

    Hi Ismael,
    thanks a lot, i had try a few days and I solve something with your code:

    li#menu-item-833 .avia-bullet, .avia-bullet li#menu-item-833 {
    display: none !important;
    }
    li#menu-item-816 .avia-bullet, .avia-bullet li#menu-item-816 {
    display: none !important;
    }
    #top #header .avia_mega_div > .sub-menu > li > ul li.menu-item-has-children a, #top #header .mega_menu_title a {
    color: red;

    this part works fine for me but I can’t change the color of the triangles from Blak to red (Objektplanung, Tragwerksplanung, Prüfung) and
    i had tryed to change the font color of the item 716 (Engeneering) from black to red, but i fail :-(
    my last problem in this area: want to swich of the highlight color of the megamenu.

    I hat two more issues.
    1. i can’t change the font of the spacial heading section: https://kriesi.at/support/topic/change-special-heading-tipograph-font/ do not work for me.
    2. i have on one page two different mansory gallerys an i want to switch of the links for one of the Gallerys. The function in https://kriesi.at/support/topic/portfolio-masonry-remove-link/ work but for both gallerys on my page. it ist possible to catch the corect gallery with a section ID an not the page-id…?

    Thanks for your help so far :-)
    Best regards,
    Oliver

    March 20, 2019 at 4:43 pm #1080909
    Ismael

    Hi,

    Thanks for the update.

    This css code should change the initial and hover color of the bullets.

    .header_color .avia-bullet {
    border-color: #9c1006;
}

#top .header_color a:hover .avia-bullet {
    border-color: #9c1006;
}

    And add this code for the mega menu title.

    #top #header .avia_mega_div > .sub-menu > li > ul li.menu-item-has-children a, #top #header .mega_menu_title a, #top #header .mega_menu_title {
    color: #9c1006;
}

    For new inquiries, please open a new thread or ticket.

    Best regards,
    Ismael

    March 25, 2019 at 10:17 pm #1082859
    ollie08

    hi Ismael,
    Thank you for your help, it work fine.

    Great :-)

    Best regards,
    Oliver

    March 26, 2019 at 2:01 am #1082925
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mega Menu format / look’ is closed to new replies.