Hamburger menu effect

Hello,

If I understand correctly, you want to use the hamburger menu, but when it opens it doesn’t take up the whole page, for this you need to use a custom code CSS, to look like this for desktop => https://www.screencast.com/t/eR5DY6EtFY
Set the code in Newspaper -> Theme panel -> Custom code -> Custom css.

#td-mobile-nav, .td-menu-background{
width: 22%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
If this is not what you mean, please let me know!

Thank you!

Hello,

I just tested the code and for menu looks well, without background effect => https://www.screencast.com/t/GqENp5FiiH
Also, if you want to change on mobile you can use this code and change only the width => https://www.screencast.com/t/lznuwJqyJo

#td-mobile-nav, .td-menu-background{
width: 50%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}

Also, if you want to change only on desktop/IPAD and you don’t want to change on phones you need to set the code in Theme Panel -> Custom Code -> Advanced CSS => https://www.screencast.com/t/bGCdwFqGks

Hope this is helpful!

Thank you!

Hello,

Unfortunately, it can be obtained but it is more difficult because the elements have a certain priority for display and require more knowledge.

Thank you for your understanding!