I don’t like the sliding animation for menu and search in mobile and would like to remove it.
Do you have custom code to do that?
A good example here: beebom.com
Hi,
I checked the sliding animation for menu on mobile, and is look like you succeed to remove sliding animation.
Thank you!
Hello calin
I want to remove sliding animation for menu on mobile, what menu does he use on that site? I am curious..
Thank you
Hello, no that is not my website, I was showing it as an example. Here is our website: http://www.investingsimple.blog
Hi,
You can try this custom css to remove the animation from mobile thme
.td-menu-background, #td-mobile-nav, .td-menu-mob-open-menu #td-mobile-nav, .td-search-background, .td-search-opened .td-search-background{
transition: none;
}
The code need to be set in theme panel>mobile theme > custom code> css
Thank you!
Hello Calin,
I reduced mobile menu width from 100% to 70% looking good I used your custom css to remove animation but i can’t able to remove background which goes backward when i click on menu. I want to remove that backward animation of background. I also want when someone want to close the menu he can simply close it by touching anywhere outside of menu on right side.
Hi,
The background image can be remove from here ->https://i.imgur.com/UMQ7RzI.png if you are using the responsive version, if you are using the mobile theme plugin -> https://i.imgur.com/njxT4Rj.png also for the close suggestion, this can be done only with custom work, sorry!
Thank you!
Hi Calin,
I think you did not understand which animation i am taking about. You should have a look at screenshot. Look at background.
I set menu width 70% now background is visible. Look at background that goes back. I want to disable that animation so i can use my custom menu.
Hi,
Please try this custom css: https://i.imgur.com/w2v1qP3.png
.td-menu-mob-open-menu #td-outer-wrap{
-webkit-transform: none;
transition: none;
}
.td-menu-background, #td-mobile-nav {
width: 70%;
}
The code need to be set in theme panel> mobile theme> custom code> css
Hope this will help you!
Thank you!
Thank You… It is working.
