Support Article
Menu Items become invisible on decreasing the screen resolution
SA-37791
Summary
When the resolution of the screen decreases the menu items become invisible, using skin pyEndUser71 with Internet Explorer 11 browser.
Error Messages
Not Applicable
Steps to Reproduce
1. Change the container format to "Default" in Menu navigation.
2. Use pyEndUser71 skin.
Root Cause
A defect or configuration issue in the operating environment
Resolution
Add the below code in UserWorkForm:
<style>
@media screen and (max-width: 1279px) {
.layout-noheader-default .menu-format-primary-navigation.menu-bar.menu-vertical > .menu-item > .menu-item-anchor .menu-item-title, .layout-noheader-default .menu-format-primary-navigation .menu-item > .menu-item-anchor .menu-item-title {
color:#000 !important;
}
.layout-noheader-default .menu-format-primary-navigation.menu-bar.menu-vertical > .menu-item.menu-item-enabled > .menu-item-anchor:hover, .layout-noheader-default .menu-format-primary- navigation .menu-item.menu-item-enabled > .menu-item-anchor:hover {
background: yellow !important;
color:#fff !important;
}
}
</style>
Published July 18, 2017 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.