Search Results for 'mobile menu'

Hello,

The top menu was not intended to be displayed on the mobile version of the theme. We are working on fixes for the mobile menu and hopefully in a future version we will be able to provide a more complex mobile menu. Your problems with the menu originate from your custom/plugin menus. The theme was not meant to support other menus than the original ones. Adding extra menus and replacing the original ones could result in errors such as the one you described.

Thank you!

Hello George,

Unfortunately if i remove the white space from the mobile version, you will no longer have the scrolling logo. It is defined in those white spaces under the main logo.
You could use this code and give up the scrolling logo for the mobile version:

@media (max-width: 767px){
.td-header-menu-wrap-full{
display:none
}
.td-main-page-wrap{
padding-top: 5px!important;
}
}

result: http://screencast.com/t/pI1XSwdlm
Unfortunately it’s either white space or no scrolling logo. This is how the menu is set up.
I hope it helps
Thanks.

Hi 84KcZ,

By default the theme doesn’t display the top bar on mobile devices, but you can use custom Css in Theme panel > custom css to display the top widget, like that: http://screencast.com/t/XOWNRilgrU

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

The result should see here: http://screencast.com/t/5SwmvehF1c

Thanks!

Hi blandRepublic,

Unfortunately, there is no option to change this from Theme panel. In theme panel you can change only the color for top bar social icons and mobile menu icons, like this: http://screencast.com/t/andjE7L3

For change the footer social icons it is necessary to use custom Css. Please try the code below and change this with color as you like. Add this code in Theme panel->Custom Css area, like this: http://screencast.com/t/BFbCLQEe4Z

.td-footer-wrapper .td-icon-font {
color:red;
background-color: green;
}

The result should see here: http://screencast.com/t/Byryi5lD

Thanks and let us know how it goes!

Hello,

1) You can use this css for the desktop version:
.td-main-menu-logo img{
margin-left:128%!important
}
You can use the same method to apply it to the tablet and mobile version of your website.

2)You can hide it using this code:

.td-header-menu-wrap-full{
display:none!important;
}

Hello,
Unfortunately the mega-menu option is not available on the mobile version of the theme. What you can do to achieve your desired effect is create 2 menu items with the same name and make one a mega menu and the other one a custom link. Then you can simply hide the custom link on the desktop version and hide the mega menu item on the mobile one. http://screencast.com/t/MRAfgkxu
Then you can use css to hide each one on the device of your choice.
Every menu item has a custom class called menu-item-x where x is the menu item number.
You can target these with css like so:

first one:
@media (max-width: 767px){
.menu-item-362{
display:none!important;
}
}
This is for the mobile version to hide the page menu item.
http://screencast.com/t/yoIuZn5gmS
And for the other we use the code like so:
@media (min-width: 767px){
.menu-item-363{
display:none!important;
}
}
http://screencast.com/t/thg1VSizG
Use both of these codes together in the theme panel->custom css box. You will have to adapt the code to your menu item numbers. Use the browser inspector to do this: http://screencast.com/t/JMg4UDwGJz
I hope this helps.

Thank you!