will__lai Posted July 8, 2021 Share Posted July 8, 2021 Site URL: https://willlai.com/ I want my mobile menu looks like these.On the top side or right side. Thanks. Link to comment
tuanphan Posted July 10, 2021 Share Posted July 10, 2021 On 7/9/2021 at 12:10 AM, will__lai said: Site URL: https://willlai.com/ I want my mobile menu looks like these.On the top side or right side. Thanks. Add to Design > Custom CSS /* Mobile menu style */ @media screen and (max-width:767px) { .header-menu.header-menu--folder-list.white { padding-top: 0 !important; } .header-menu.header-menu--folder-list { width: 70%; } .container.header-menu-nav-item { padding-left: 2vw; padding-right: 2vw; } .header-menu-nav-folder[data-folder="root"] { background: white; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
will__lai Posted July 22, 2021 Author Share Posted July 22, 2021 If I want to put it to the right side or top side, how can I do? Link to comment
tuanphan Posted July 23, 2021 Share Posted July 23, 2021 23 hours ago, will__lai said: If I want to put it to the right side or top side, how can I do? Use new code /* Mobile menu style */ @media screen and (max-width:767px) { .header-menu.header-menu--folder-list.white { padding-top: 0 !important; left: unset !important; } .header-menu.header-menu--folder-list { width: 70%; } .container.header-menu-nav-item { padding-left: 2vw; padding-right: 2vw; } .header-menu-nav-folder[data-folder="root"] { background: white; } } .header-menu-nav-folder.header-menu-nav-folder--active { } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment