Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter roeeyracing1

    (@roeeyracing1)

    Managed to fix it. Thank you

    Thread Starter roeeyracing1

    (@roeeyracing1)

    Dear sir so I’ve came back to you in the same post with hope you will able to help me.

    So I do not know what’s happened a long the way but any style I target @media only screen and (max-width: 1026px) does not hit the target. I work via external css file in my child theme which is loading fine and affect other parts on the site but can not target the max mega menu.

    For example if I type :

    @media only screen and (max-width: 1026px) {
    #mega-menu-wrap-primary #mega-menu-primary {
    max-height: calc(100vh – 40px) !important;
    overflow: auto !important;
    width:100% !important;
    }}

    Btw if I put the same style inside the “custom style” offered within the plugin it does work.

    I can not understand 🙂

    • This reply was modified 7 years, 1 month ago by roeeyracing1.
    Thread Starter roeeyracing1

    (@roeeyracing1)

    Thank you

    I solved it like this

    @media only screen and (max-width: 1026px) and (min-height: 400px) {
    #mega-menu-wrap-primary #mega-menu-primary {
    max-height: 400px !important;
    overflow: auto !important;
    }}

    @media only screen and (max-width: 1026px) and (max-height: 399px) {
    #mega-menu-wrap-primary #mega-menu-primary {
    max-height: 200px !important;
    overflow: auto !important;
    }}

    Thanks for the help ! by the way my solution seems alright ?

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