This topic has 3 replies, 3 voices, and was last updated 8 years by Radu.

  • Author
  • #112614
     vulconplast
    Participant

    Hi,

    I need to show the 3rd (4rd) menu subcategory for our top menu. I activated the default Twenty Sixteen theme and is working fine. ( the same menu is on the left to, and there is working fine to)

    I find and modify from page-parts/general-header-section.php the ‘depth’   => 4, and now i can see the item menu with firebug but i can’t figure out how to show them.

    I believe i need to change a javascrip and css code. please guide me.

    it seems to be a bug, because is working with Twenty Sixteen, so please help me.

     

    I can’t be the only one with this problem, I need to fix it.

    Best,

    Alex

    Attachments:
    You must be logged in to view attached files.
    #112778
     Radu
    Moderator

    Hi,

    The theme was designed to use only 3 levels of menu,

    You will have to implement a logic that allows you to have 4 menu levels,

    By adding this css :

    COPY CODE
    ul.dropdown-menu.sub-menu ul li ul {
        display: block;
    }

    It will shows a 4th level menu, but you will have to check if the parent that contains the 4th level ul is hovered via css pseudo selector :hover, you can do it via jquery or to modify core theme files but this is not recommended because on next update the changes will be overwrited

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #141199
     BruceAMayo
    Participant

    I also have this issue.

    I added the above text to the Kleo-child css, but where is the information for the parent Kleo file that needs to be hovered?

    #141444
     Radu
    Moderator

    Hi,

    the theme supports only 3 levels and if you need one more, there is no quick solution to provide.

    But if you want to do it from here you can edit the depth menu from this file : /wp-content/themes/kleo/page-parts/general-header-section.php

    To can have this modification update proof please copy it to /kleo/wp-content/themes/kleo-child/page-parts/ and make the changes in child theme

    After that you should create entire css for level 4 case

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?