Okay
  Public Ticket #3354438
Mobile menu
Closed

Comments

  • Katarzyna started the conversation

    Hello, I have big problem with my mobile menu in Salient theme, should work just like menu on this page: https://labradory-hodowla.pl but my menu looks like mess..

    http://serwer2322015.home.pl/autoinstalator/wordpress/

    Can anyone help me?

  •  1,919
    Judith replied

    Hi Katarzyna,

    Thanks for writing to us.

    Please try this css:

    #header-outer:not(.transparent) .sf-menu > li ul {
        top: 8em;
    }

    Thanks.

  • Katarzyna replied

    Still doesn't working :(

    8403956395.png

    9453932054.png


  • Katarzyna replied

    Why my mobile menu is at the bottom of website?? :((

  •  3,001
    Andrew replied

    Hello there,

    Thank you for your patience.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1px) and (max-width: 999px) {
        #slide-out-widget-area.slide-out-from-right-hover {
            padding-top: 33px !important;
        }
        #slide-out-widget-area.slide-out-from-right-hover[data-dropdown-func=separate-dropdown-parent-link] .inner>div.off-canvas-menu-container {
            margin: 0 0 !important;
        }
        #slide-out-widget-area.slide-out-from-right-hover[data-dropdown-func=separate-dropdown-parent-link] .inner {
            min-height: fit-content !important;
        }
    }
    

    Thanks,

  • Katarzyna replied

    Hi! Thank you for answer, but after many hours I have solved the problem :) My search icon and other doesn't work in mobile version, and i want to have a little bit bigger logo on header in mobile version. I can't fix it...

    3840395191.png
  •  1,919
    Judith replied

    Hi there,

    For the icons not showing, I request you try installing the font awesome plugin and see whether that helps.

    Also you can adjust the logo size from here on mobile from here : 

    9782499080.png

    Thanks.