Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 11, 2015 at 10:56 pm #501904
    Munford

    Hi kriesigurus,

    I know I can use this:
    .avia-bullet { display: none !important; }
    to hide the arrows on the menu items, but is it possible to target only the orange headings you see under the NATURE & CULTURE / COLOMBIA column on the page below? I need the arrows on the items (trip names) since some of them break to 2 lines, and without the arrows it gets confusing, but since the orange headings are not links, my client thinks it would be better without the arrows there.
    Is there another way of putting headings on the mega menu that I am not seeing? I used a custom link and then removed the link…
    thanks for taking a look!
    Nancy

    September 14, 2015 at 11:55 am #502630
    Yigit

    Hey Munford!

    You can target certain menu items using menu item ID’s as following 

    li#menu-item-4080 .avia-menu-fx {
    display: none!important;
}

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

    September 14, 2015 at 12:11 pm #502643
    Munford

    cool thanks! That’s what I needed…
    I (finally) found the menu ID number for the “Destinations” title under Nature/Culture > Colombia, here: http://imgur.com/oZ3QwkR
    and added this to the quick css:
    li#menu-item-6096 .avia-menu-fx {
    display: none!important;
    }
    but I don’t see the changes….any suggestions?
    thanks!
    nancy

    • This reply was modified 9 years, 3 months ago by Munford.
    September 14, 2015 at 12:15 pm #502645
    Yigit

    Hi N!

    I have attached a screenshot showing menu item ID’s of your main menu in private content field :)

    Regards,
    Yigit

    September 14, 2015 at 12:32 pm #502663
    Munford

    yes, I have those IDS, but aren’t those are for the top menu links (Nature/Culture, Trekking, Climbing)? I am trying to target the just the orange submenu items “Destinations” & “Roundtrips”…I have them as ID’s 6096 & 6095 under the Nature/Culture > Colombia menu…see at the bottom of http://imgur.com/oZ3QwkR

    • This reply was modified 9 years, 3 months ago by Munford.
    September 14, 2015 at 12:45 pm #502673
    Yigit

    Hey!

    Please add following code to Quick CSS as well and it will remove underline from Colombia, Peru etc.

    #top #header .mega_menu_title a {
    text-decoration: none!important;
}

    Cheers!
    Yigit

    September 14, 2015 at 1:19 pm #502689
    Munford

    OK – thanks
    what about the hiding of the arrows on those orange sub-items? This code is not working for me, unless I am using the wrong Item ID#s
    ??

    September 14, 2015 at 1:23 pm #502691
    Yigit

    Hey!

    Sorry, i think now it is clear to me :)
    Please change the code to following one 

    .avia_mega_div .menu-item-has-children > a > .avia-bullet {
    display: none!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Regards,
    Yigit

    September 14, 2015 at 1:40 pm #502711
    Munford

    yes! that was it and much easier than finding all the IDs (I will be adding more of those submenus.
    one more: is it possible to remove the padding where the arrow was? – ie move the whole menu over to the left?

    thanks so much! you are the guru.
    Nancy

    • This reply was modified 9 years, 3 months ago by Munford.
    September 14, 2015 at 2:20 pm #502738
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia_mega_div .menu-item-has-children > a {
    padding-left: 0!important;
}

    Regards,
    Yigit

    September 16, 2015 at 3:50 pm #504228
    Munford

    great thanks!
    last question – can the padding to the left of the arrows be adjusted as well? I am trying to save space since it’s such a large menu
    you’re the best :)
    Nancy

    September 16, 2015 at 7:50 pm #504359
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia_mega_div .avia-bullet {
    margin-left: -15px;
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
padding-left: 2px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Best regards,
    Yigit

    September 16, 2015 at 9:26 pm #504392
    Munford

    beautiful, thanks.
    looks great
    N

    September 17, 2015 at 9:06 am #504577
    Rikard

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

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