Docs

[dogpile]

Hi there,

I am trying to get the Logo of my Site on the right side of the menu. My menu is set on maximal width because of the ubermenu fullwidth submenus and I like to keep this style. So the container is styled with:

@media screen and (min-width: 800px){
.x-navbar .x-container.max.width {
max-width: 100%;
width: 100%;
}
.x-navbar .x-brand {
margin-top: 13px;
margin-left: 20px;
}
}
Second question is, that I am not able to hide the Submenu items of the the top Menu item “Kontakt”. On mobile screen there shouldn’t be the submenus of the maps and form. How can I do this?

The website is: http://podev.praxis-dienstleister.de/

Thanks for your help.

[Paul R]

Hi,

You can try this code instead.

@media (min-width: 979px) {
.x-navbar .x-brand {
    right: 20px;
    position: absolute;
    top: 5px;
    margin: 0;
}
}

@media (max-width: 979px) {
.x-navbar .menu-item-250 .ubermenu-submenu.ubermenu-submenu-id-250 {
    display:none !important;
}
}

Hope that helps.

[dogpile]

Hey Paul thanks for your quick response.
Your code for x brand works perfect.

But if I insert your mobile hiding CSS nothing happens…

[Paul R]

Hi,

You can try this code.

@media (max-width: 979px) {
.x-navbar .menu-item-250 .ubermenu-submenu.ubermenu-submenu-id-250,
.x-nav-wrap.mobile li.menu-item-250 .sub-menu,
.x-nav-wrap.mobile .ubermenu-submenu-id-250 {
    display:none !important;
}
}

Hope that helps

[dogpile]

Thank you. This works.

[Joao]

Great to hear it.

Let us know if you need help with anything else.

Joao

[Author]

Posts