New Landing How can we help? Themeforest Theme Support Dante The problem with the width of the drop down menu

Viewing 15 posts - 1 through 15 (of 16 total)
  • Posted in: Dante
  • #164302
    Davinci
    Member
    Post count: 67

    1) I have the problem with the width of the drop down menu.

    Place for a third level menu narrower than the entered text.
    Look screen:
    http://prntscr.com/6rzde0

    2) How do I create a sub-menu in the sidebar, as in this example? :

    http://prntscr.com/6s05dy

    on this page:
    http://611858.dizajn.web.hosting-test.net/programmnye-produkty/3c-strategicheskij-pomoshhnik/

    #164579
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    ul.sub-menu > li > a > ul.sub-menu,ul.sub-menu > li > a > ul.sub-menu >li,ul.sub-menu > li > a > ul.sub-menu >li>a {
    width:365px !important
    }

    Thanks
    Mohammad

    #164771
    Davinci
    Member
    Post count: 67

    1) Please send me a screenshot where I should insert code. Or completely send me all css file.

    2) According to the second problem

    http://611858.dizajn.web.hosting-test.net/programmnye-produkty/3c-strategicheskij-pomoshhnik/

    left
    http://prntscr.com/6t85mp

    or write side
    http://prntscr.com/6t8xda

    I have a lot of menu items so I need to do a drop-back submenu.

    #164973
    Davinci
    Member
    Post count: 67

    Also, about menu look this screen, please:
    http://prntscr.com/6tjsfp

    #164975
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please go to Admin -> Theme Options -> Custom CSS -> Here you can insert the custom css code and update options.
    Thanks
    Mohammad

    #165206
    Davinci
    Member
    Post count: 67

    This solution does not work for me.

    I carried some adjustments in the main css code, but all the menus become are longer in width.
    f.e. http://prntscr.com/6txhpg

    #165229
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use the code like this :-

    #main-navigation ul.sub-menu > li > a > ul.sub-menu, #main-navigation ul.sub-menu > li > a > ul.sub-menu >li, #main-navigation ul.sub-menu > li > a > ul.sub-menu >li>a {
    width:365px !important
    }

    Thanks
    Mohammad

    #165331
    Davinci
    Member
    Post count: 67

    Sorry. This code not help me.

    #165615
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Can you please upgrade to latest version 2.80 of theme and let me know your feedback?
    Thanks
    Mohammad

    #166050
    Davinci
    Member
    Post count: 67

    Done.

    Look now on drop menu:
    http://prntscr.com/6uukcl

    #166051
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please clear the cache of your browser and let me know feedback.
    Thanks
    Mohammad

    #166080
    Davinci
    Member
    Post count: 67

    I have cleaned the cache. Not changed.

    I changed some elements in css file.
    And one of problems was resolved.

    But now is default css file.

    Attachments:
    You must be logged in to view attached files.
    #166308
    Davinci
    Member
    Post count: 67

    I returned until modified css.

    I have changed it in this setting, the menu became wider, but it has become increasingly everywhere.

    http://prntscr.com/6vxm79

    #166376
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav#main-navigation .menu ul.sub-menu > li{
    280px !important
    }

    Thanks
    Mohammad

    #166723
    Davinci
    Member
    Post count: 67

    For me help this code:

    nav.mega-menu li .sub-container.non-mega {
    min-width: 100%;
    max-width: 100%;
    left: 0!important;
    }

    nav.std-menu .menu ul li > a, nav.std-menu .menu ul li > span.title {
    padding: 10px 15px;
    display: block;
    margin: 0;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    }

    nav.std-menu .menu ul.sub-menu {
    position: absolute;
    z-index: 9995;
    margin: 0;
    top: 80px;
    left: 0;
    min-width: 170%;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
    pointer-events: none;
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
    box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register