TT Menu - Vertical Horizontal Bootstrap Mega Menu

This is TT Menu - Vertical Horizontal Bootstrap Mega Menu documentation v.1 by Trending Templates team.

Intro


  1. Getting Started
    • Used CSS Files
    • Used JS Files
    • How to use change color scheme?
  2. Files & Sources
  3. Version History

    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.

Getting Started - #back to top


Thank you for purchase this product. TT Menu Mega Menu plugin component based in Bootstrap 3.+, HTML5 and CSS and JavaScript code.


Used CSS Files

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.

                    
                    
                    
                    
                    
                    
    			

Used JS Files

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.

                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
    			

How to use change color scheme?

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);
                    }
    			

Support Help - #back to top


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:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Version History - #back to top


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.