Home User profile
JameyManan
tagDiv Member
This user did not write anything. So we are just showing here some random text to make the profile page look nice :)
JameyManan
tagDiv Member
Tablet vertical- mobile menu - reply
#171179
May 5, 2017 at 2:13 pm

Hello,

I found this, along with similar posts, while trying to achieve the same: The mobile menu instead of the full/mega menu on portrait tablet view.

I believe I’ve found a solution which I’d like to share, I have added the following code to my child theme:

@media (max-width: 1018px) {
#td-outer-wrap {
overflow: auto;
margin: auto;
width: 100%;
-webkit-transition: transform 0.7s ease;
-moz-transition: transform 0.7s ease;
-o-transition: transform 0.7s ease;
transition: transform 0.7s ease;
-webkit-transform-origin: 50% 200px 0;
-moz-transform-origin: 50% 200px 0;
-o-transform-origin: 50% 200px 0;
transform-origin: 50% 200px 0;
}
}

@media (max-width: 1018px) {
#td-top-mobile-toggle {
display: inline-block;
position: relative;
}
}

@media (max-width: 1018px) {
.admin-bar #td-mobile-nav {
padding-top: 46px;
}
}
@media (max-width: 1018px) {
#td-header-menu .menu-mega-topics-container{
display:none;
}
}
}

I’ve yet to test this very extensively, so if anyone uses this and identifies any issues, please share.

I hope it helps.

Thanks.

Viewing 1 post (of 1 total)