We are seeing two odd issues at certain positions of the browser window.
1) When browser window is at 986px and still has navigation at top, hover darkens the content area but doesn’t show dropdown menu
2) When browser window is at 984px, we can see text coming out of the left of the screen. It appears to be the dropdown menu.
Has anyone see this before and have a quick fix?
Thanks.
1 answer
Go to this file: skin/frontend/default/jm_crafts/css/off-canvas.css
1. Replace this code
Code:
.off-canvas #off-canvas-nav .jm-mainnav ul.level1{margin-top:0px;margin-left:40px;}
With
Code:
.off-canvas #off-canvas-nav .jm-mainnav ul.level1{margin-top:0px;margin-left:20px;}
2. Replace this code
Code:
#off-canvas-nav .megamenu.level2{margin:0 0 0 20px !important;width:200px;}
With
Code:
#off-canvas-nav .megamenu.level2{margin:0 0 0 10px !important;width:200px;}
3. Replace this code
Code:
#off-canvas-nav .megamenu.level2 li a{ color:#111111 !important; font-family: 'Roboto', sans-serif; font-size: 15px !important; padding: 0 0 0 15px; background: url("../images/bullet.png") no-repeat left 50% !important; }
With
Code:
#off-canvas-nav .megamenu.level2 li a{ color:#111111 !important; font-family: 'Roboto', sans-serif; font-size: 12px !important; padding: 0 0 0 15px; background: url("../images/bullet.png") no-repeat left 50% !important; }