Hello,

You can change that with custom css. Add the code into your custom css box, located in General Options.
If you need help with it, send us your site’s link, so we can provide the exact code to add.

Best regards!

Hello,

Please add this code into your custom css box:

@media (max-width: 480px){
#logo img {
    max-height: 88px;
    margin-top: -42px !important;
}}

Change the values to your wish.

Best regards!

Hello,

Please edit the code to this:

@media (max-width: 480px){
#logo img {
    max-height: 88px !important;
    margin-top: -42px !important;
}
#logo { float: left !important;}
.mobile_small_menu {
    margin-left: 85% !important;
}}

Result screenshot: https://postimg.org/image/fg40hf7w5/

Best regards!

Hello,

1-You can position the drop down to your wish. Just add these lines too, into your custom css box:

.menu-small ul.menu {
    padding-top: 0 !important;
}

Result: https://postimg.org/image/fdgjuo1px/

2-Sorry but this is a customization not included in support. It needs more coding than just custom css, that requires time not available for personal customizations.

If you feel this is a feature important for theme, please suggest it into our “Suggest Us Features” forum. So the developers will consider adding it in theme’s future updates.

Best regards!