Knowledgebase:
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

 

Example: 

 

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

 

ADD:

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

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

}

 

UPDATE:

.cmp-primary-navigation__menu,

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

}

 

 

 

 

 

 

 

 

 

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

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments:
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 support.miva.com/supportsuite/index.php?