Hi,

Ahh, yeah. Because you're using header style 2 or 5 for your desktop. So, it displayed below the logo on mobile is normal.

If you want to move it to above, you can change the header style to header 1 or header 4 ( via Customize > Logo and Header Options > Header Layout )

One more thing, I think you can add more this code to Customize > Custom CSS to reduce the width of your logo image on mobile to get your logo smaller on mobile:

@media only screen and (max-width: 767px){
#logo a{ max-width: 180px; }
}

Change value 180 to value as you want.

Best Regards,

PenciDesign

Hi,

Unfortunately, currently this theme doesn't support for this feature.

Best Regards,

PenciDesign

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 960px){
#navigation .button-menu-mobile{ float: none; margin-left: 10px; }
#navigation.header-4 .container, #navigation.header-5 .container{ text-align: center; }
body.rtl #navigation.header-4 .container #top-search, 
body.rtl #navigation.header-5 .container #top-search{ float: right; margin-right: 0; }
}

Best Regards,

PenciDesign

Hi bilalnoorkhan007,

Please create a new ticket and our support team will check it help you. Dont put reply to ticket of another people. Because they will get notice email about your reply.

Best Regards,

PenciDesign