Remember me

Submenu Flyout Issue

7 years 7 months ago #1

  • Paul Gomirato's Avatar
  • Paul Gomirato
  • Posts: 838
Hi

I have a submenu with 2nd level items that I cannot select with the mouse due to its position.

I had to add custom css to move the submenu 60px lower so it is further from Main Menu items.

/* Submenu Position*/
.header .main-menu ul.nav-child {
top: 60px !important;
}
The above css lowers the primary submenu as expected - BUT this has now made the fly out submenu (View all projects -> Homathko) to also be 60px lower - which should be set to 0px so it is positioned beside its parent item.

How do I do that?

tmc.pgadvdesign.com

7 years 7 months ago #2

  • Artem's Avatar
  • Artem
  • Posts: 11342
Hi,

Remove this
.header .main-menu ul.nav-child {
    top: 60px !important;
}

Add this
ul.nav-child.unstyled.small {
    top: 73px;
}

span.separator {
    padding-bottom: 32px !important;
}

Results:


Regards,

7 years 7 months ago #3

  • Paul Gomirato's Avatar
  • Paul Gomirato
  • Posts: 838
Thanks!
Powered by Kunena Forum