Two issues when browser around 985px (no navigation & see weird text)

Answered

Public

Ashwin Iyer asked April 22, 2014

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.

Crafts

1 answer

Vote Up

Vote Down

chavan ⋅100.00 $tone April 24, 2014

Public

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; }