Docs

[Oliver V]

Hello!

I am afraid still the same… Same behaviour after cleaning site and browser cache…

Other options?

Thanks!

Oliver.

[Lely]

Hi Oliver,

It seems that the logo is on top of the menu button. Please look for this custom CSS:

@media (max-width: 768px){
.x-topbar .p-info {
    text-align:center;
    position:static; 
    width: 100%;
}
.x-topbar .x-section {
    clear: both;
    width: 100%;
    float:none;
    overflow:hidden;
    text-align:center;
}

.x-navbar .x-brand {
    width: 100%;
    margin-top: 0;
    text-align:center;
}

.x-navbar-inner {
    float: none;
    clear: both;
    width: 100%;
    overflow: hidden;
    min-height: 60px;
}
}

Check this part:

.x-navbar .x-brand {
    width: 100%;
    margin-top: 0;
    text-align:center;
}

Update to this:

@media (max-width: 768px){
.x-navbar .x-brand {
    width: 100%;
    margin-top: 0;
    text-align: center;
    z-index: -9;
}
}

Hope this helps.

[Oliver V]

Hello!

With your last code I can display the menu items. Great!

However, 2 new issues here:

1. As you can see here http://prntscr.com/csz7n3 , the menu content is not displayed properly because the post feature slider below overloads it.

2. Now the logo is not linked to the home page.

Any ideas? Many thanks!!!

Oliver.

[Rad]

Hi there,

Please remove the z-index: -9;, less than 0 will act as background element of the current container.

then, please add this as well

@media (max-width: 768px)
.ubermenu-skin-white {
    position: relative;
    z-index: 999999;
}
}

Then please change this

.x-navbar-inner {
    float: none;
    clear: both;
    width: 100%;
    overflow: hidden;
    min-height: 60px;
}

to this

.x-navbar-inner {
    float: none;
    clear: both;
    width: 100%;
    min-height: 60px;
}

Hope this helps.

[Oliver V]

Wondeful!!!

Looks great! Everythig fixed!

Many thanks for your patiente and support. Have a great day!

Oliver.

[Lely]

You’re welcome!

Cheers!

[Author]

Posts