Max-widht under 768 --> Broken Menu

Hello,

I change @media screen and (max-width: 768px) to @media screen and (max-width: 630px) in style_responsive.css,
because I want full menu at show at my ipad (tablet), the menu not showing well, like this:



So, how to fix it?

Thank you!

Hi Ayubboesono,
Thanks for contacting us and choosing our product!
When you change the value of the @media, you must change the file or offcanvas.css or default.php dropdown.css and can in JS file. depending on your intended use of that change. please check back. If it is not resolved please send us the account back-end site, we will check for you. Thanks

Change max-width to all files you told before, and the menu work well now. It's the right way?

How to change the "hamburger symbol" placed from left to right?

Hi,
You want to change the position of the menu display, please enter in the back-end menu.
And as in the image below (Can Drag menu item to display before or after). Thanks

No, I meant like this:

awesomescreenshot.com/05857g2p39

Thanks,
Ayub

Hi
Please enter the back-end
advanced config css custom tab;
add css
# jux_megamenucss3 .jux-fa.jux-fa-bars {
     float: right;
     margin-right: 30px;
}
if not please send me the site for us to observe.