Okay
  Public Ticket #2208120
Mobile Menu dropdowns not showing
Closed

Comments

  • johnball started the conversation

    When viewing the website on a mobile device (ie phone), the dropdown portion of the menu under ABOUT is not available to be selected.

  •  3,023
    Andrew replied

    Hi John,

    Try adjusting the following in Salient > Header menu

    8678604833.png


    Hope this helps.

  • johnball replied

    Thanks Andrew. The dropdown arrow is hidden behind the 'X' though so we can't access it. See screen shot attached. Is there a way we can have the dropdowns show all the time in mobile view?

  •  3,023
    Andrew replied

    Hi there,

    To access the drop down the close 'X' needs to be moved. To fix this add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 999px) and (min-width: 1px)
    body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close {
        display: block;
        right: 1px;
    }

    I hope this helps.

    Kind Regards

  • johnball replied

    Hello Andrew, 

    I see an error when I input the code. See screenshot attached.

    Is there a way we can have the dropdowns show all the time in mobile view instead?

  •  3,023
    Andrew replied

    Hi there,

    The code should be like below:

    @media only screen and (max-width: 999px) and (min-width: 1px){
        body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close {
        display: block;
        right: 1px;
    }
    }

    It is not possible to have submenus displayed always.

    Thanks.

  • johnball replied

    That fixed it! Thank you :)