Style on Tabbed Menu

  • Resolved radiomanhead

    (@radiomanhead)


    2 years, 8 months ago

    Hello ,

    I hope that some can help me: I am trying to add a gray line in an active tab so that it gives the effect in the attached image:

    See Image

    There will be an option within the mega menu to do it or there will be some style that can be modified?

    Thanks in advance

    • This topic was modified 2 years, 8 months ago by radiomanhead.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    2 years, 8 months ago

    Hi radiomanhead,

    I think this will require some custom CSS.

    As it relates to a pro feature, please can you get in touch through https://www.megamenu.com/support/ ? Also include a link to this topic.

    Regards,
    Tom

    Thread Starter radiomanhead

    (@radiomanhead)

    2 years, 8 months ago

    I was finally able to find the solution, using quite a bit of css. I put it here in case someone needs something similar.

    /** center line **/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    border-right: 0px solid #ACC1D6;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu {
    border-left: 3px solid #acc1d6;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/** Style of every single item of the menu, I only put one here, only change the ID **/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li#mega-menu-item-254944 > a.mega-menu-link:hover {
    border-radius:12px;
    width:45%;
    padding-top:0px;
    padding-bottom: 0px;
}
    • This reply was modified 2 years, 8 months ago by radiomanhead.
    Plugin Author megamenu

    (@megamenu)

    2 years, 8 months ago

    Hi radioheadman,

    Thanks for posting the CSS here, glad to hear you worked it out.

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Style on Tabbed Menu’ is closed to new replies.