Adding Column to Main Menu Dropdown List in Retina Theme

Highlighted
New Member
2 0 0

Hi guys,

I'm looking to find out how to add columns on my wholesale site, as our "Brands" dropdown is far too long for only two columns. I attempted to attach a screenshot, but I couldn't figure it out. The website is kanvapewholesale.com if you'd like to see it for reference.

I've figured out how to make the "dropdown-wide" option wider and reduce the columns to leave space for a 3rd column. I just can't figure out how to actually add a 3rd (or even 4th column). Now, I don't know if this is all the code I need to share, or if there's more to it. Any help would be appreciated.

Thanks!

Bren

/* sub-level ul */
.dropdown {
  background-color: {{ settings.cart_button_background }};
  border: solid 1px {{ settings.border_color }};
  display: none;
  position: absolute;
  left: 4px;
  top: 49px;
  z-index: 1005;
  min-width: 200px;
}
.dropdown-wide {
  min-width: 600px;
}
.dropdown-wide ul li a {
   word-wrap: break-word;
}
.dropdown a {
  text-shadow: none !important;
}
.nav ul.menu ul {
  width: 33%;
  float:left;
  display: inline;
}

.nav ul.menu ul li {
  display: block;
  text-align:left;
  padding: 0;
  z-index: 1005;
}
.nav ul.menu ul li a {
  border: 0;
}
.nav ul.menu ul li a.sub-link {
  font-weight: normal;
  font-size: {{ settings.nav_font_size | minus: 1 }}px; 
  padding: 5px 0 5px 24px;
  text-transform: none;
  display: block;
  width: 100%;
}

/* show dropdown ul on hover */
.menu li:hover > .dropdown {
  display: block;
}

 

0 Likes
Highlighted
New Member
1 0 0

Ciao I have the same problem. Can you help me with this?

0 Likes