I'd like to change the layout of my header menu, so the hamburger will appear right to the logo on my RTL website - but there doesn't seem to be any setting controlling it, and it's fixed to be left to logo.
Am I missing something, or is possible only using custom CSS?
Thanks for the quick reply - this makes the hamburger menu float all the way to the left next to the search (see attachment), while I meant it to be to the right of the logo.
Hi,
I'd like to change the layout of my header menu, so the hamburger will appear right to the logo on my RTL website - but there doesn't seem to be any setting controlling it, and it's fixed to be left to logo.
Am I missing something, or is possible only using custom CSS?
Thanks,
Shiran
Hi,
Can you show me your site URL to I can take it a look?
Best Regards,
PenciDesign
Hi,
Please try add more this code to Customize > Custom CSS:
body.rtl .penci-menuhbg-wapper{ float: left; } body.rtl #navigation.header-6 #top-search{ margin-right: 15px; }Best Regards,
PenciDesign
Thanks for the quick reply - this makes the hamburger menu float all the way to the left next to the search (see attachment), while I meant it to be to the right of the logo.
Is this possible?
Hi,
If so, please replace the code I sent to this code:
body.rtl #navigation.header-6 #logo{ margin-right: 30px; } body.rtl .penci-menuhbg-wapper { position: absolute; margin-right: 0; top: 0; right: 0; } body.rtl #navigation.header-6 #top-search{ margin-right: 15px; }Best Regards,
PenciDesign