Menu styling problem with WPML
Hi,
I'm using BeTheme with the BeLawyer preset. I need the website in 4 languages, so created everything in the first language and installed WPML to translate the content. Everything seems to work fine except the menu styling when I switch language on the website (to any other then the original language): I noticed that the borders between the menu items do not appear and there's no spacing between the menu items when the header switches to sticky header after scrolling. When looking at the code I can see that classes and id-s are different on the translated versions for menu items:
Original language example:
id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page"
Tranlated version example for the same item:
class="page_item page-item-170 current_page_item" and there is no id
Can you please help me solve this issue? As far as I understand, BeTheme is supposed to be completely compatible with WPML.
Thanks
Comments
this happen, because you forgot to set main menu under Appearance > Menus > Manage locations section.