LUXE Readytheme Menu Layout issue IE 11
Posted by on 14 February 2018 10:01 AM

Disclaimer: This will work for stores on Miva Version 9.0006. Note that this will require making changes to files on the server. Make sure you make a backup of any files you will be altering.These edits are low-risk but if you feel uncomfortable with making these changes then we advise you to seek help from a developer. 


Objective: Correct Menu layout issues on LUXE Readytheme Global Header


Issue(s): When you click the menu button in the top left hand corner next to the magnifying glass button




Edit the following file on the server / httpdocs / mm5 / themes / luxe / css / components / off-canvas-menu.css



.ie11 .cmp-primary-navigation .off-canvas__content {

flex-basis: calc(100vh - 6.5rem);





.cmp-primary-navigation__menu ul {

padding-left: 10%;

padding-top: 3em;

position: absolute;

top: 0;

left: 0;

width: 100%;

min-height: 100%;

background-color: #001f3c;

list-style: none;

-webkit-overflow-scrolling: touch;

overflow-x: hidden;

overflow-y: auto; transition: transform 0.3s;











(2 vote(s))
This article was helpful
This article was not helpful

Comments (0)
Post a new comment
Full Name:
CAPTCHA Verification 
Please enter the text you see in the image into the textbox below. This is required to prevent automated registrations and form submissions.

Help Desk Software by Kayako