The TT Menu is a professional CSS jQuery Mega Menu plugin compatible with Bootstrap. This menu comes with vertical, horizontal and sticky version and 8 different color schemes. You can build your own mega menu with our amazing TT Menu plugin. This menu comes with detailed documentation, when you have any questions, just drop a comment or send me an email.
Let's see all TT Menu options and how to integrate to the your Bootstrap base sites.Enjoy.
Thank you for purchase this product. TT Menu Mega Menu plugin component based in Bootstrap 3.+, HTML5 and CSS and JavaScript code.
Listed below all used css files. If your template / theme already fontawesome or bootstrap css please do not add. Just use menu.css that's it.
Listed below all used js files. If your template / theme already jQuery or bootstrap js please do not add. Just use ttmenu.js, search.js, jquery.fitvid.js that's it.
All our color scheme .css files has been included /css/ folder. You can add any .css files after style.css from your template. For example if you want to use blue style, you should to add blue.css. Use like below;
Or you should to remove red color schemes from style.css and paste to the blue.css codes. Open style.css and remove these lines;
/* MENU GRADIENT */ .demo_changer .demo-icon, .menu-color-gradient .btn-primary, .menu-color-gradient .label-danger, .menu-color-gradient .navbar-brand, .menu-color-gradient .navbar-default .navbar-nav > .open > a, .menu-color-gradient .navbar-default .navbar-nav > .open > a:hover, .menu-color-gradient .navbar-default .navbar-nav > .open > a:focus, .menu-color-gradient .navbar-default .navbar-nav > li > a:focus, .menu-color-gradient .navbar-default .navbar-nav > li > a:active, .menu-color-gradient .navbar-default .navbar-nav > li > a.active, .menu-color-gradient .navbar-default .navbar-nav > li > a:hover { background: #a90329; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */ background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */ opacity:1; } .menu-color-gradient .navbar-default .navbar-toggle:hover, .menu-color-gradient .coldesc:hover { background:#a90329; color:#fff !important; } .menu-color-gradient .form-control:focus { border-color: #a90329; outline: 0; box-shadow:none; } .menu-color-gradient .btn-primary { border-radius:0; font-size:13px; background-color: #a90329 !important; border-color: #a90329 !important; color: #fff !important; } .menu-color-gradient .box ul li:hover .fa { color: #a90329 !important; } .menu-color-gradient .magnifier { background-color:rgba(169,3,41,.9); }
Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.
Please visit our profile page or ask question @Trendtemplates
Support for my items includes:You can find the version history (changelog.txt) file on tt-menu-full.zip folder or you can check changelog on theme sale page.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.