Sub menu always visible

  • Hi,
    I hope someone can help me with this issue:
    I want a sbu-menu always visible, not only on hoover.
    I got this but with another theme on the site [ redundant link removed ] using the following CSS:

    .main-navigation ul li ul {
    opacity: 1 !important;
    visibility: visible !important;
    position: static;
    margin-bottom: 20px;
    float: left;
    border: 0;
    box-shadow: none;
}
.html_header_left .av-main-nav ul.sub-menu li,
.html_header_left .av-main-nav ul.sub-menu li a {
    border: 0 !important;
}

But the same css doesn't work with Unwind theme on the site - https://sites.arq.ufmg.br/acr/ -
.main-navigation>div ul ul{
    opacity: 1 !important;
    visibility: visible !important;
    position: static;
    margin-bottom: 20px;
    float: left;
    border: 0;
    box-shadow: none;
display:grid !important;
}

    This way, only visible on hoover, but I need always visible.
    Anyone can help me please?
    Thanks for your attention,
    Regards,
    Araci

    • This topic was modified 4 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

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

  • Hi

    We just need to set the transform property to none in the CSS. Please check the following:

    .main-navigation>div ul ul{
opacity: 1 !important;
visibility: visible !important;
position: static;
margin-bottom: 20px;
float: left;
border: 0;
box-shadow: none;
display:grid !important;
transform: none !important;
}

    I hope this will help you.

    Kind Regards

    Thread Starter aracifcarvalho

    (@aracifcarvalho)

    Yes! This worked!
    Thank you thank you very much!!!
    Best regards,
    Araci

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sub menu always visible’ is closed to new replies.