Search Results for 'mobile menu'

Hi,
For the mobile version you have to use different code as the classes are different. (it’s a different menu)
You can use this code:
.menu-item-53 ul li:nth-child(4)::before {
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}
It will need some further positioning though.
Thanks.

Hi.
If you want to remove the main menu/ mobile menu, you have to remove tis part from the header style you use:
http://screencast.com/t/yIwud1VcKeh
Thanks.

Hello,

The search icon does not work anymore (as well as your mobile menu) due to a js error. This is most of the time a plugin conflict. Please disable all your plugins except visual composer and clear cache and it should work fine again. Then you need to identify the plugin that causes the issue.
As for the menu item, you can create a custom link: http://screencast.com/t/GNxckduyl
It depends on the header style you use for the modification as the search icon is not positioned in the same way.
For example I used this code on my end:

.menu-item-57{
position: absolute!important;
right: 30px!important;
top: 50%!important;
margin-top: -24px!important;
}

for this result: http://screencast.com/t/PiL7y2m4d
This is on the default header style. Every menu item has a unique class. Mine was 57. Youcan use your browser inspector to get your menu item number and replace it in the code.
Thank you!

Hello factoryitalia,

Unfortunately, our theme does not have such an option from the Theme panel to simply change the menu for the mobile version. This thing you can do it only from the code, altering the source code from this menu-mobile.php file like this -> http://screencast.com/t/qFqcIKN5LdS If you did something changes in this file and you are not aware the steps to redo this, you can try to download again the file of our theme from Theme Forest and replace it with this file, as a suggestion.

Hope this helps!

Than kyu for the message!

Hello factoryitalia,

I have checked your website and I saw the problem with the mobile menu. I suspect this issue that come from your untested plugins used by you. It could generate some conflicts between our theme and these kinds of plugins and bring this error. Please try to disable all the active plugins, leave just Visual Composer and install only the plugins that come bundled with our theme and rule out the conflicting plugins. Check the results after this advice and let us know how it goes.

Thank you for the message!

Hello firetoss,

Unfortunately, this kind of plugin is not tested with our theme and we have not idea about the theme behaviour with this plugin, sorry. You should try to instal it on your side and see how it works for you. Please notice that we have a list with tested plugins like this -> http://screencast.com/t/QuMzIjuW which the theme works fine and also we cannot provide support for untested plugins. If you want to change the code where the menu is generated, you have to alter the code from these files -> menu-mobile.php and header-menu.php. -> http://screencast.com/t/5aNvKGFvrA -> http://screencast.com/t/xatfi0Js
If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this functionality for you because we cannot provide custom services at the moment, sorry!

Thank you for your understanding!

Hello chand3g,

I have checked your website and saw that you are using Header Style 8. Please try the code below and add it in Theme panel->Custom CSS area and then your top bar menu will be displayed in the mobile version.

The code is ->

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-style-8 .td-header-top-menu {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
.td-header-style-8 .td-header-top-menu {
margin-left:0;
width: 100%;
}
}

The result you should see here -> http://screencast.com/t/MRdAUcys3PK

For your second request, unfortunately, I do not understand very good on what you are referring to. Please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hello chand3g,

The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}

The result you should see here -> http://screencast.com/t/VIQA4SZydh

Thank you for the message!