Hi,
I use Enfold for a Hebrew website.
I have a few problems on mobile view:
1. The menu for mobile isn’t displayed right – the arrows appear on the left side instead of the right and also the arrow should be pointing to the opposite side and also second and third level menu items appear as first level – they are all aligned to the right.
2. The footer is leveled from the left to the right instead of from the right to the left (the column on the left is on top of the other columns instead of the bottom).
How can I fix this?
Thanks
Hi sasha!
Can you send us a link to your site so we can take a look? You can set your reply as private if you wish.
Regards,
Elliott
Shalom!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
left: auto;
right: 0;
margin-right: 10px;
transform: rotate(180deg);
}
#socket .copyright {
float: right;
direction: rtl;
}
Cheers!
Yigit
Hi Yigit,
Thanks for the fast reply.
This partially solves the menu problem – now the first level look good but the second level aren’t indented.
The second problem was with the footer (not the socket) – I have 5 columns and on mobile instead of having the right column first it’s last.
Hey!
Please add following code to Quick CSS
#top #mobile-advanced .visible_sublist, #top #mobile-advanced .avia_mega_div.visible_sublist>ul {
padding-right: 15px;
}
#mobile-advanced .mega_menu_title a:before {
display: none;
}
I see that you started a new thread regarding footer issue, we will look into it as well.
Best regards,
Yigit
Works great! Many thanks Yigit