Docs

[yhshin1020]

This reply has been marked as private.

[Joao]

Hi There,

I moved some of your CSS inside media queries in order that they dont affect smaller devices, also regarding the menu colors I had added :

.ubermenu .ubermenu-target-text {
    color: grey;
}

Now changed for :

@media(max-width: 969px) {
.ubermenu .ubermenu-target-text {
    color: grey;
} }

So it also works on smaller devices and dont affect your main menu.

Please add the following code for the box shadow :

.x-navbar-fixed-top {
    box-shadow: 0 1px 1px black;
}

Hope that helps

Joao

[yhshin1020]

This reply has been marked as private.

[Joao]

Hi There,

As it is connected to a class that just exists via jQuery once you scrolled , that change is possible using the css above just.

Change this :

@media(max-width: 969px) {
.ubermenu .ubermenu-target-text {
    color: grey;
} }

for this:

@media(max-width: 969px) {
.ubermenu .ubermenu-target-text {
    color: grey;
} 
.ubermenu .ubermenu-item-layout-icon_left>.ubermenu-icon {
    color: grey;
}
}

Hope that helps

Joao

[Author]

Posts