My Mega Menu includes a custom static block (product spotlight just like is shown in the demo) and works great on the desktop version. However, on the mobile version the menu shows these expanded by default for some reason. Please see screenshot. Am I overlooking a setting that can control this?
5 answers
please post your site url
Hi, I just PM’d this to you (as the site is not yet launched.)
For the Image Break fix, do this css change
Go to this File : /skin/frontend/default/jm_siotis/css/layout-mobile.css
Find this code
HTML Code:
.products-grid .product-image img { width:200px; height:300px;}
Replace with
HTML Code:
.products-grid .product-image img { width:140px; height:300px;}
I wish I had better news, but that change merely affected the dimensions of the product images (in the mobile menu and the mobile page content.)
@ ninjaprecision,
you could open the skin/frontend/default/jm_siotis/css/styles.css file, add the following css rule:
HTML Code:
#off-canvas-nav .listing-type-grid {
margin:0px !important;
}
Hope it helps.
