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!!

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!!