Hi, instead of using the default mobile menu, is it possible to use the regular navigation instead(condensed down of course)? I only have 4 menu items I would like to include on the mobile version, and the current menu button doesn’t really stand out.
As a second option, is it possible to increase the size of the current mobile menu button? or to change the graphic?
Thanks!
Hi,
You can try to set you header to header style 3 then use the custom css from below to get this result: http://screencast.com/t/WPtJGwplM
@media (max-width: 767px) {
.td-menu-wrap #td-top-menu {
display: block !important;
}
#td-top-mobile-toggle {
display: none !important;
}
#td-top-search {
width: 40px;
position: absolute;
top: 0px;
right: 16px;
}
.header-style-3 .td-logo img {
position: initial !important;
width: 180px !important;
}
}
Please also note that the main menu hasn’t been designed to be used on mobile screens so you might need additional customization to it.
Regarding the second questions, in the customization above I have removed the mobile menu button as I believe you don’t need it anymore.
The icons is added using the background-image property via css: http://screencast.com/t/k6hyD03kHex You can also alter tit via css and change it or enlarge it.
Thanks
