Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › The problem with the width of the drop down menu
New Landing › How can we help? › Themeforest Theme Support › Dante › The problem with the width of the drop down menu
- This topic has 15 replies, 2 voices, and was last updated 9 years by Mohammad – SUPPORT.
-
Posted in: Dante
-
April 10, 2015 at 1:24 pm #164302
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/6rzde02) How do I create a sub-menu in the sidebar, as in this example? :
on this page:
http://611858.dizajn.web.hosting-test.net/programmnye-produkty/3c-strategicheskij-pomoshhnik/April 13, 2015 at 9:07 am #164579Hi,
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
MohammadApril 13, 2015 at 3:43 pm #1647711) 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/6t85mpor write side
http://prntscr.com/6t8xdaI have a lot of menu items so I need to do a drop-back submenu.
April 14, 2015 at 8:43 am #164973Also, about menu look this screen, please:
http://prntscr.com/6tjsfpApril 14, 2015 at 8:58 am #164975Hi,
Please go to Admin -> Theme Options -> Custom CSS -> Here you can insert the custom css code and update options.
Thanks
MohammadApril 15, 2015 at 6:13 am #165206This 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/6txhpgApril 15, 2015 at 7:18 am #165229Hi,
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
MohammadApril 15, 2015 at 1:21 pm #165331Sorry. This code not help me.
April 16, 2015 at 11:17 am #165615Hi,
Can you please upgrade to latest version 2.80 of theme and let me know your feedback?
Thanks
MohammadApril 17, 2015 at 3:02 pm #166050Done.
Look now on drop menu:
http://prntscr.com/6uukclApril 17, 2015 at 3:06 pm #166051Hi,
Please clear the cache of your browser and let me know feedback.
Thanks
MohammadApril 17, 2015 at 4:23 pm #166080I 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.April 20, 2015 at 6:05 am #166308I returned until modified css.
I have changed it in this setting, the menu became wider, but it has become increasingly everywhere.
April 20, 2015 at 9:42 am #166376Hi,
Please use this custom css code:-nav#main-navigation .menu ul.sub-menu > li{ 280px !important }
Thanks
MohammadApril 21, 2015 at 7:47 am #166723For 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;
} -
Posted in: Dante
You must be logged in and have valid license to reply to this topic.