Dear, Can I make the theme header of website PAKDEFENSE.COM in mobile device somewhat thicker than the standard?
Hi,
So you want to increase the size of the mobile top menu section
– https://www.screencast.com/t/zO3er2gEEL
The default height of the mobile menu is 54px, it could be increased if that is what you want. Also the menu and search icon together with the logo will have to be taken into account as they will not look properly if the height is increased.
If this is what you want to do I will try to give you a solution, let me know.
Dear. how much thicker we can make the header in mobile devices from the standard 54px without compromising the quality and look of the theme? What size you recommended?
We provided a solution in a similar topic, the user wanted to display a bigger logo in the mobile menu. So we provided a code to increase the logo size while maintaining a proper positioning for the menu and search icons. That code would look like this on your website
– https://www.screencast.com/t/05EzKKphvW
The same size will be kept when sticky
– https://www.screencast.com/t/QFm3Fbm9OVwA
So you could try it and see if this is how you want it, the code could be modified if needed. This is the code, it can be entered in Theme panel->Custom CSS
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu, #td-header-menu {
height: 100px !important;
}
#td-top-mobile-toggle,
.header-search-wrap {
top: 23px;
}
.td-main-menu-logo img {
max-height:100px;
}
.td-header-menu-wrap.td-affix {
transform: translate3d(0px, 0px, 0px)!important;
}
.td-header-style-6 .td-main-menu-logo img{
max-height: 100px;
}
}
Dear, how can we show the header page menu as Disclaimer, Terms and Rules, etc in mobile device?
Hello pakdefense,
All the menu settings can be made from here -> https://www.screencast.com/t/ROscQcaJHcx
Thanks for the message!
Dear, can we make the menu somewhat transparent in mobile device during sticky?
Brother, I have set up the menu, but I want to display the header menu in mobile devices. Thankyou for your understanding.
Hello,
Sorry but please notice that our theme has been designed to have a special menu for mobile devices. The theme does not have an option that allows you to display the desktop main menu for mobile devices, sorry! The width is too small and that’s why this design decision was taken.
Thanks for your understanding!
