Sub-menu position is wrong if browser is at full size.

Resolved LaserLeague
(@laserleague)

8 years, 6 months ago

Hello to everybody.
I have a problem with the sub-menu in the Customizr Theme.

The sub-menu has a mouse-over effect, but the Problem is, that it is shown under the first Topic (left) every time and not under the Topic that is selected with the mouse. This Problem is only if the browser is on a big size. If I make the browser smaller the sub-menu works.

This is my Website:
LaserLeague Website
And it should work like in the Cusomizr Demo:
http://demo.presscustomizr.com/

I hope you can help me.
Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)

Thread Starter LaserLeague
(@laserleague)

8 years, 6 months ago

Sorry, i overwrite my Website:
LaserLeague

And here the Demo:
Demo
rdellconsulting
(@rdellconsulting)

8 years, 6 months ago
Try this:
```
.dropdown-menu {
    left: auto;
}
```
Thread Starter LaserLeague
(@laserleague)

8 years, 6 months ago

Thank you very much @rdellconsulting.
Problem is solved 🙂

Thread Starter LaserLeague
(@laserleague)

8 years, 6 months ago

Now i have a simmilar Problem to the manu-objects in the 3rd layer.
They are direct under the 2nd layer, so i can´t click on them.

Does anyone know how i can solve that?

rdellconsulting
(@rdellconsulting)

8 years, 6 months ago

Website is a splash page at the moment.

Thread Starter LaserLeague
(@laserleague)

8 years, 6 months ago

Hello @rdellconsulting,

sorry for that. I deactivated the page over night, because it´s not ready.
So i opened the page for you.

Thank you for your help.
Greets Lukas
rdellconsulting
(@rdellconsulting)

8 years, 6 months ago
Not yet right, but better:
```
.dropdown-menu .dropdown-menu {
    position: relative;
    left: 100% !important;
    top: -30px !important;
}
```
Thread Starter LaserLeague
(@laserleague)

8 years, 6 months ago

Thank You @rdellconsulting,

Not the Best solution, but it works on full screen.
If I make my browser smaller (That the logo is at the top and not on the left side), it doesn´t work. In this case the 3rd layer position is to high.

It would be fine if there is a solution, if not it´s only better 😉

Greets
Lukas
Thread Starter LaserLeague
(@laserleague)

8 years, 6 months ago
Hello @rdellconsulting,

i posted following code to my CSS.
```
.dropdown-menu .dropdown-menu {
    position: relative;
    left: 100% !important;
    top: -30px !important;
    bottom: -1px !important;
}
```
Now it works for smaller sizes too.
Not the best way to do that, but for now thats fine.

Thank you very much again.
Greets Lukas

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Sub-menu position is wrong if browser is at full size.’ is closed to new replies.