Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1231507
    prudhomm
    Participant

    Hi

    in integrity or renew, the submenus appear below the menu in the navbar rather than overlapping the content
    (idem with ubermenus). In the integrity demo there are no such issues.
    Is there a configuration that I am missing ?
    I attached a screenshot so that you see what is happening

    I use X 4.6.1 (see my other issue with upgrading to latest version)

    #1231623
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1232021
    prudhomm
    Participant

    hi

    thank you for your reply

    here it is
    http://csmi.cemosis.fr/

    click on the buddy press icon to see what I mean

    #1232057
    prudhomm
    Participant

    On a related topic, I found that to change the sub-menu background color
    I should do

    
    .x-navbar .sub-menu {
      background-color: #fafafa;
    }
    
    

    however it does not work with the buddypress icon/menu. any idea ?
    currently the sub-menu that is not displayed properly (see previous messages) has white background and links are white (hover are golden)

    #1232239
    Jade
    Moderator

    Hi there,

    Please remove the code overflow-y: auto; from

    .x-navbar {
        box-shadow: 0 0 35px rgba(0,0,0,.25);
        overflow-y: auto;
        background-color: #38275c;
    }

    then add this code:

    .desktop .sub-menu a {
        color: #b7b7b7;
    }

    Hope this helps.

    #1232661
    prudhomm
    Participant

    thanks it works

    how about the submenu background color. I would like to have the violet background color
    with links being white and hover golden.
    here is what I have

    .x-navbar {
        box-shadow: 0 0 35px rgba(0,0,0,.25);
        background-color: #38275c;
    }
    
    .desktop .sub-menu a,
    .desktop .sub-menu a:hover
     {
        background-color: #38275c;
      //color: #b7b7b7;
    }

    however there remains a top and bottom part which are white. see screenshot

    #1232705
    Lely
    Moderator

    Hi There,

    Please also add this:

    .desktop .sub-menu {
       background-color: #38275c;
    }

    It is the ul tag.

    Hope this helps.

    #1233040
    prudhomm
    Participant

    yes it does
    thanks a lot !

    #1233085
    Joao
    Moderator

    Glad to hear it 🙂

    Joao

  • <script> jQuery(function($){ $("#no-reply-1231507 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>