1. Top menu does not appear on mobiles, how to fix it?
I can not change it with Custom CSS đ
2. How to do that the header menu scroll it on phones but not on PC?
Hello,
1) 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;
}
}
2)If you only want the menu to be sticky on mobile, you can use this css to remove the sticking menu from tablets and desktop:
@media(min-width:767px){
.td-affix{
display:none
}
}
Thank you!
Hello,
You can use this code to make the top menu appear:
@media (max-width: 767px){
.td-header-top-menu-full{
display:block!important;
}
.td-header-style-8 .td-header-top-menu{
display:block!important;
width: 100%!important;
margin-left: 10%!important;
}
.td-header-sp-top-menu{
display:block!important;
}
}
It will require further customization for positioning.
Thank you!
Hi,
There are 2 ways to go about this. The first one is an option in the theme panel: http://screencast.com/t/Tjfb9HB4y where the menu will ‘snap’ on the top of the screen on scroll up but on ly on mobile.
If you want the menu to be always sticky, you can use the code above but on header style 8 it needs an !important attribute to work:
@media(min-width:767px){
.td-affix{
display:none!important;
}
}
Thank you!
Thank you!!! You are the best! Ultimately, I want my top menu is sticky on mobile, it is possible?
Hi,
Unfortunately this will not be so easy to do. The affix menu is more complicated. It will need to be custom made and unfortunately not a ‘walk in the park’. You will need to get some hired help on this one. We try to help out where we can, but we cannot offer customization services. Sorry.
Thank you for your understanding.
