- This topic has 2 replies, 2 voices, and was last updated 1 month, 2 weeks ago by
.
-
Posts
-
Please refer to this site to understand the issue:
https://historyandtranslation.netIn the main menu, many of the submenus have sub-submenus. E.g. About Us > Manifesto > Submenu of Manifesto
The problem is that these sub-submenus always appear to the left of the submenu, regardless of the fact that they extend beyond the edge of the window. This makes them illegible.
Is there a way of getting these sub-submenus to open to the right? Or to have them to adapt correctly to the width of the window and open to the right or left accordingly?
Many thanks for your help
Chris
@agregatwebmaster, You can add this CSS in the Additional CSS under Customizer section, this will help submenu to open on right side
@media screen and (min-width: 1024px) {
#masthead .main-navigation ul ul li a svg {
display: inline-block;
top: 17px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
right: auto;
left: 100%;
}
}After adding this CSS menu looks something like this
https://www.awesomescreenshot.com/video/31939296?key=d59d3b0130bdd4f6151dfbe84d751297
- You must be logged in to reply to this topic.
