Alignment problem of sub menu items

[caryl]

Hello,

I hope you’re fine….and I say another time…..your theme is wonderful !

I’ve ve just an issue :

I’m into wide site layout option.

I created a buddypress menu with sub menu items.

I have looked everywhere but the menu items are displayed right of the menu column at the edge, almost outside the page.

Do you think this is a CSS problem ?

 

Attachments:

You must be logged in to view attached files.

[sharmstr]

Let me know if this solves it: https://archived.seventhqueen.com/forums/topic/sub-menu-appears-outside-of-the-screen#post-79320

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[caryl]

Hello and thank you very much. It works great BUT not on mobile device.
What kind of code do I have to put into @media css ?

Any idea ?

Thank you very very much

[sharmstr]

On mobile, the menu items dont fly out to the sides, they nest below eachother. Can you give me access so I can see your menu?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[caryl]

I thing I found the solution :

@media(min-width:992px) {
/*Alignement de menu*/
ul.dropdown-menu ul {
left: -190px !important;
}
}

And I add this :

.navbar .pull-left > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-left .dropdown-menu {
font-size: 12px;
right: 100% !important;
}

Thank you

[Author]

Posts