Hello guys,
I wanted to use mobile menu in desktop version of the newspaper theme. And to make it look attractive I pasted the following CSS on the LIVE CSS
.td-menu-mob-open-menu #td-outer-wrap{
-webkit-transform: none;
transition: none;
}
.td-menu-background, #td-mobile-nav {
width: 20%;
}
I got what I wanted. Mobile menu appeared in 20% width its original but It also made my page slide towards left leaving a disturbing void in the right side of the page. Please help me to make it be compressed towards right side so that mobile menu will also be displayed and the page will be also be not disturbed.
Screenshots :
https://imgur.com/9hvk9Zd
https://imgur.com/80Yd5Ct
Hi,
Please replace you code with this one -> https://i.imgur.com/SWXMeRk.jpg
#td-mobile-nav, .td-menu-background{
width: 20%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
Hope this will help you!
Everthing on desktop is fine but it affected the mobile menu too (I mean in Mobile phones)…
Screenshot : https://imgur.com/vKwfwU2
Please give me any idea to make it happen to the element on desktop version only or to the specific menu used in desktop version… I know the elements are same but is there a way to make it happen only to the dekstop… My site name is http://www.himalsandesh.com
Hello !
Please add the code in here so it will only work on desktop view: https://www.screencast.com/t/yCgaPt2gzV
Thank you !
Thank you very much.
