Jump to content

How To Do Multiple Columns For The Top Horizontal Menu Module


Recommended Posts

My theme uses the Top Horizontal Menu. However for each category the menu columns run too long across the page. Is there a way to do multiple columns for the Top Horizontal Menu module? In addition hen I tried to put background images, it gave the question mark images in stead. I tried buying other menu modules and spent already $80 but this distorted the mobile and tablet version. I tried several links on this forum but did not work. I wonder if there is a solution to this.

 

presta 1.5.4

Link to comment
Share on other sites

any help? this problem has benver been solved on any of the forum questions. I HOPE i am posting it in the right place

 

the superfish css

 

.desktop #menu-custom li {
    float: left;
    margin-right:5px;
    position: relative;
}
.desktop #menu-custom > li:first-child > a {
}
.desktop #menu-custom a {
    float: left;
    padding:9px 10px 9px 10px;
    color: #fff;
    text-transform: capitalize;
    font:18px/21px  "Arial", Gadget, sans-serif;
        font-weight:bold;
    text-decoration: none;
}
.desktop #menu-custom a:hover, .desktop #menu-custom > li:hover > a, .desktop #menu-custom > li.sfHoverForce > a {
    color: #333333;
    background:#fedd3a;
    border-radius:7px;
}
.desktop #menu-custom li li:hover > a {
    color: #5c9922;
    background: none;border-radius:0;
}
.desktop #menu-custom li li a{ border-radius:0;}
.desktop #menu-custom li li:first-child a{ border-radius:7px 7px 0 0;}
.desktop #menu-custom li li:last-child a{ border-radius:0px 0px 7px 7px;}
.desktop #menu-custom li li{ margin-right:0; border-top:1px solid #ffffff;}
.desktop #menu-custom li li:first-child{ border:none;}
.desktop #menu-custom ul {
    display: none;
    margin: 20px 0 0 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top:39px;       
    left: 0;
    z-index: 1;
width: 350px;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  
}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...