0
Welcome Guest! Login
0 items Join Now

SOLVED Hide Dropdown Menu for Single Item

  • SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • FYI - Creating a new "Hidden Menu" as many have suggested will not work, because it removes the Parent from the breadcrumbs ("Home > Child" instead of "Home > Parent >Child"). Same problem happens when unpublishing the Child Menu Item under the Parent Item.

      I need to keep my dropdown menus for all menu items other than one. Basically it is a store locations page with a child for each state. That would be 50 drop down items, which is obviously too many. I still want the path to be "Home > Locations > California Widget Store".

      Menu is "item163". I feel as though some simple css should work, but have not been successful yet. It would be great is this was something easy within Joomla Admin, but I have not been able to find it. End result would be no dropdown, no arrow and no spacing where the arrow use to be.

      Any help is much appreciated. Thanks!
    • Last Edit: 11 years 10 months ago by thecoopersmith.
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • Is this site online? If so, please provide the URL to the issue.
      :)
  • Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • cdavis411 wrote:
      Is this site online? If so, please provide the URL to the issue.
      :)

      Alabama is the only Child article created. So basically I would like the Find A Dealer dropdown to be hidden.

      FYI - Working on a lot of responsive fixes, so try and look past those issues :oops:

      Thanks!
    • Last Edit: 11 years 10 months ago by thecoopersmith.
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • replace that first line of your custom css file with this
      .gf-menu .item163:hover .dropdown {display: none;}
  • Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • cdavis411 wrote:
      replace that first line of your custom css file with this
      .gf-menu .item163:hover .dropdown {display: none;}
      That worked! Any tips now on how to remove the dropdown arrow icon and spacing? Thanks!
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • #rt-header .gf-menu.l1 > li.item163.parent > .item:after {content:'';letter-spacing: 0;}
      .gf-menu li.item163 a.item {padding-right: 15px;}
  • Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • cdavis411 wrote:
      #rt-header .gf-menu.l1 > li.item163.parent > .item:after {content:'';letter-spacing: 0;}
      .gf-menu li.item163 a.item {padding-right: 15px;}
      Perfect! Thank you!
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • Happy to help :cheesy:
  • Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • cdavis411 wrote:
      Happy to help :cheesy:
      This did work to hide them from desktop main menu drop down, but these dropdown items still show on the mobile dropdown menu. Any way to hide them from that, too?
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: SOLVED Hide Dropdown Menu for Single Item

    Posted 11 years 10 months ago
    • I am not seeing the URL to the site in this thread.

Time to create page: 0.077 seconds