- This topic has 4 replies, 2 voices, and was last updated 1 year, 5 months ago by
.
-
Posts
-
Hello, everybody!
I have recently took over managing a school’s website.
There’s a strange alignment of the sub-menu items, meaning they open from the navigation bar to the left, instead of opening to the right. And it’s NOT a RTL language. Please see screenshot:
https://ibb.co/8gxYqGG
Aparently it has always been like that, but I find it wrong and I’m trying to fix it.
Can you point me to the right direction, please?
Thank you!
P.S.
@ devs
Love the theme, I don’t intend to change it.You can add this CSS in the Additional CSS
@media screen and (min-width: 910px){
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
right: auto;
left: 100%;
}.main-navigation ul ul .menu-item-has-children > a:after {
right: 10px;
top: 14px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
}Apreciate the fast answer and —even more— the fix you posted. 😀
Worked like a charm!
You’re too good! 😉Now, this is no longer a “must”, but in the case of a student from a modest family who only has a 1024×768 old screen, is there a simple fix for the situation in which the sub-menu exits the screen?
I mean this: https://ibb.co/2n3ZRxT
Can you make it (“Level 4” in this case) turn left when it no longer fits the screen?
I believe there’s nothing you can’t do… 😉Thank you very much for helping!
Very grateful for your interest into this.
I would share the link only with you over a private message or e-mail.
However, I noticed most of the menu (sub-menu) items of the site are just blank links (href=”#”) like it was never finished. Also, I could reorder main menu, put items with sub-menu more to the left so that on hover they would fit even a smaller screen, so I’d say my last request is no longer needed.Anyways, great support!
I will look more into your themes!
All the best!
Thank you, once again! 😉
- You must be logged in to reply to this topic.
