Tech-Designer

Tech-Designer supports this item

Supported

This author's response time can be up to 10 business days.

7 comments found.

Very nice work. Good sale mate ;)

Looks great. will buy it soon…

You must have to put this code in css style sheet below the body layout (line no 7 ). This fix sub menus disappear quickly



@media all and (min-width:0) {
/* submenu before layout */
.menu > ul > li > .sub-menu:before {
    content: "";
    display: block;
    background: #FF3300 !important;
    opacity: 0;
    height: 5px;
    width: 100%;
    position: absolute;
    top: -5px;
    left: 0px;
}
}


Gaurav – it didn;t work. Any other solution or suggestion? thanks.

replace this (css line number 205)


/* submenu before layout */
.menu > ul > li > .sub-menu:before {
    content: "";
    display: block;
    background: transparent;
    height: 5px;
    width: 100%;
    position: absolute;
    top: -5px;
    left: 0px;
}

width this


/* submenu before layout */
.menu > ul > li > .sub-menu:before {
    content: "";
    display: block;
    background: #FF3300 !important;
    opacity: 0;
    height: 5px;
    width: 100%;
    position: absolute;
    top: -5px;
    left: 0px;
}

great menu! ,

do we have to use the font awesome icons ? i want to use my own icons is this possible ? if yes how ?

Regards

Adrian :)

great menu! ,

do we have to use the font awesome icons ? i want to use my own icons is this possible ? if yes how ?

Regards

Adrian :)

First of all you have to tell me what type of icons you want to put in the menu. Is there any image icons or someting else like fontawesome?

just my own image icons ie. website directory/images/icon1.jpg

<li> <i class=”fa fa-home”></i> <a href=”#”>Home Page</a> <span>Company Name</span></li>

replace this fontawesome ( <i class=”fa fa-home”></i> ) with image icons example ( <img src=”img/img2.jpg”> ) in html

or paste this css code in stylesheet below body layout (line no 7)

.menu > ul > li > img {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    position: relative;
    left: -27%;
    top: 20px;
}
@media screen and (max-width:767px) {
.menu > ul > li > img {
    left: -22px;
    top: 20px;
}
}

will this work on a wordpress website?

Will it work on Zencart?

yes if you can implement this on zencart

Hi, it looks great. Can I put a sub-menu in the first element (for instance Home)? In the Website Design there’s an image, can I put a link there?

Thanks!

I mean, a link in the image.

yes you can put the link in an image

by
by
by
by
by
by