remove white spaces

To decrease the white space between logo and quick links bar in mobile view only paste in the following custom CSS in your Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS Field.

@media only screen and (max-width: 479px){
#page #masthead {
    padding-top: 23px;
}}

You can increase / decrease the padding-top value as per your logo size and requirements.

Hope this resolves your issue,

Best Regards!!

Thanks for your reply,

And how to remove white space between website title and mobile drop down menu ?

Hello mohsin789,

To decrease the white space between website title and mobile drop-down menu in mobile view only add the following custom CSS in your Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS Field.

@media only screen and (max-width: 767px)
{.menu-toggle {
    margin: -12px auto;
}}

@media only screen and (max-width: 767px){
#main-nav {
    padding-bottom: 25px;

}}

@media only screen and (max-width: 767px){
.wrap-menu-content {
    background-color: transparent;
    padding-top: 30px;

}}

Hope this resolves your query,
Best Regards!!

Thanks