Hi Katarzyna,

Thanks for writing to us.

Please try this css:

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

Thanks.

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,

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 : 

Thanks.