0
Welcome Guest! Login
0 items Join Now

SOLVED Clarification on Active Menu Code

Last Post
Search Topic
    • Bridget's Avatar
    • Bridget
    • Rocketeer
    • Posts: 98
    • Thanks: 4

    SOLVED Clarification on Active Menu Code

    Posted 8 years 11 months ago
    • Ok so need a little help on your css code you have for background color on active menu item

      This code:
      #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {background-color:#fff}

      provides the background color of an active menu item according to your css. See screen shot.
      www.awesomescreenshot.com/image/1285672/...340542cd62fbec55a177

      However I can't seem to find where to modify that code in your structure per menu item. For example I don't want a white background on a different menu item. I realized that this code:
      .g-menu-item-651

      Provides specific menu item styling and normally i would just put li..g-menu-item-651 within the TOP code i first mention. But you have li:not in that place... so.... could use a little help on your css structure. Basically on this page:
      unknownartists.co/company/about
      I do NOT want the white background behing logo (menu item) but keep it for everywhere else.

      Thanks!
    • Last Edit: 8 years 11 months ago by Bridget.
    #1295397
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Clarification on Active Menu Code

    Posted 8 years 11 months ago
    • Use this code...
      #g-navigation .g-main-nav .g-toplevel > li.active:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):not(.g-menu-item-651) {
     background-color: white;
}

#g-navigation .g-main-nav .g-toplevel > li.g-menu-item-651 {
     background-color: rgba(0, 0, 0, 0) ! important;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1295405
    • Bridget's Avatar
    • Bridget
    • Rocketeer
    • Posts: 98
    • Thanks: 4

    Re: SOLVED Clarification on Active Menu Code

    Posted 8 years 11 months ago
    • Thanks worked great!!
    #1295484

Time to create page: 0.061 seconds