menu location on mobile

Public Ticket #11740

Conversation thread

PenciDesign replied

6 years ago

Staff Reply

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

bilalnoorkhan007 replied

6 years ago

Customer Reply

How do I

1) change the mobile menu to the right side

2) have logo while in mobile menu

PenciDesign replied

6 years ago

Staff Reply

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

oneforisrael replied

6 years ago

Customer Reply

See what about aligning the mobile hamburger menu to the center? see screenshot.

Thanks!

PenciDesign replied

6 years ago

Staff Reply

Hi,

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

Best Regards,

PenciDesign

oneforisrael replied

6 years ago

Customer Reply

First - THANK YOU! :) you reply very fast!

When I change Header-5 to header-4, the menu goes up also on desktop. Is there a way to set header-4 ONLY on mobile?

Thanks

PenciDesign replied

6 years ago

Staff Reply

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

oneforisrael started the conversation

6 years ago

Conversation Start

Hi! I'm trying to understand how move the menu (on mobile only) to the top? because on mobile it looks very strange right now, please see screenshoot.

Thanks in advance

Want to join this conversation or access attachments? Sign in first.