0
Welcome Guest! Login
0 items Join Now

SOLVED Hide the X parent indicator on menu item

  • SOLVED Hide the X parent indicator on menu item

    Posted 8 years 5 months ago
    • I am wanting to hide the x that appears when you hover over a menu item with sub menu items in the hydrogen template. I am not concerned about hiding the dropdown arrows, however it does not make sence to me to have an x appear next to a menu item. This can be seen on
      dolphinzswimschool.co.nz/index.php when you hover over the about us menu item.

      Thanks
    • Last Edit: 8 years 5 months ago by Kristen Mac.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED Hide the X parent indicator on menu item

    Posted 8 years 5 months ago
    • Kristen Mac wrote:
      I am wanting to hide the x that appears when you hover over a menu item with sub menu items in the hydrogen template. I am not concerned about hiding the dropdown arrows, however it does not make sence to me to have an x appear next to a menu item. This can be seen on
      dolphinzswimschool.co.nz/index.php when you hover over the about us menu item.

      Thanks

      To me I would think you have two options:

      1) remove the X:
      .g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after {
          content: ""; 
      }

      2) change the symbol to something more logical:
      .g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container > .g-menu-parent-indicator:after {
          content: "\f077"; 
      }
  • Re: SOLVED Hide the X parent indicator on menu item

    Posted 8 years 5 months ago
    • Perfect Thanks,
    • Last Edit: 8 years 5 months ago by Kristen Mac.

Time to create page: 0.046 seconds