Home Forums Trusted Submenu in two columns

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10749
    Alexandre
    Participant

    Hello, I am using a submenu that has 14 items, and it is not fitting on the screen, not being able to see the rest of the items, I would like to divide this submenu into two columns.

    #10752
    Andy
    Keymaster

    In ‘Customize’ > ‘Additional CSS’, add this code:

    #primary-menu ul {
        min-width: 360px;
    }
    
    #primary-menu ul li {
        width: 50%;
    }
    #10754
    Alexandre
    Participant

    Thank you. It worked perfectly, but for mobile the second column does not appear all, can we adjust?

    #10755
    Andy
    Keymaster

    Change the CSS to this instead:

    @media only screen and (min-width: 1025px) {
        #primary-menu ul {
            min-width: 360px;
        }
        #primary-menu ul li {
            width: 50%;
        }
    }
    #10756
    Alexandre
    Participant

    Thank you very much, CONGRATULATIONS to the support of the theme, very efficient and fast. I will replicate this theme in two more projects that I need to develop.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.