i have used drop down menu. its have two brands of column one watch another knife. previous watch have 5 column drop down mega menu. i had removed two column. its now showing extra black space. how to remove it ? i have used menu-full-width when i create menu . this is my site Link

Site LINk

please help me ? how to reduce extra black space drop down? watch brands ? any idea about ?


It's a css issue. You need to edit two selectors.

First is the menu width. It's set to 100% which is why you're seeing black space. Edit this class below.:

.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown {
    padding: 20px 25px 25px;
    width: 100%; // set this to auto or something smaller than 100%
    left: 0;
    border: 1px solid #eee;
    background: #fff;

The li tags within that menu are set to be divisible by five, minus some padding, which is why you see 18%. So you need to change this selector:

.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown .container > ul > li {
    width: 18.297%; // change this to 30% and go from there.
| improve this answer | |
  • i have added but still showing black space – RajVel N Sep 1 '15 at 6:51
  • Check your cache. I'm seeing it as three columns without any extra space. – certainstrings Sep 2 '15 at 1:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.