I moved down panel to 44px (height of navbar)
Nikolay, thanks. I tried what you suggested but still doesn't work. Menu icon works on right side of nav but doesn't on left. Here is example, http://www.ctrlstudio.com/lab/tablet/framework_v1/
Left icon has class "open-panel", that's why it's only working if the panel is closed and needs to be opened
> @klvn > Left icon has class “open-panel”, that's why it's only working if the panel is closed and needs to be opened That's right. You need to process icon's click and close panel in a handler (javascript code).
KLVN, thanks but left icon and right icon have same class <a href="#" class="link icon-only open-panel"> <i class="icon icon-bars"></i></a> but behaving differently. I think it's just icon position, if I move left icon 300px to the right, then works.
Both icons are just opening the panel. The panel is closing because you click on an invisible layer that causes the panel to close (panel-overlay)
> @alt4max > I think it's just icon position, if I move left icon 300px to the right, then works. It's working because it's then located in this panel-overlay area that is everywhere except the 300px on the left side because we have the panel there. You would need a panel-overlay that covers the complete navbar and the rest of the page except panel
> @klvn > except the 300px except 260px - the width of panel, so adding icon (or for navbar) handler solves this task too.
Or toggle classes for icon/navbar in the panel opened/closed event handlers
> @nikoniko > toggle classes That would be the best solution
Thank you guys, I did something similar just with CSS, added navbar-overlay in panel-overlay, same width and height as navbar and shifted -260 on panel open. http://www.ctrlstudio.com/lab/tablet/framework_v1/ Again, thanks and works for now. :)
http://prntscr.com/63np53 Is it correct?
Yes, this is something I play with, thanks for checking out :)