Betheme Header Builder - Missing Search Bar in Secondary Language
Hello,
we are using WordPress 5.9.3 and customized the Header Builder to include the search bar in Action Bar. We are using WPML to display the website in 2 languages, English and Greek. As the language switching has been placed in the menu, the WPML style in EXTRA icon's settings was set to hide.
The Search Bar appears fine in the English version but when we switch to the secondary Greek language, the Search Bar is missing. Inside WPML, through its String Translation feature, we translated successfully the placeholder text "`Enter your search" to Greek. The English website is https://newdev.ucy.ac.cy and the corresponding Greek is https://newdev.ucy.ac.cy/?lang=el
Could you please advise on how can we have the Search Bar in the Greek version (secondary language) of our website?
Thank you,
Petros Louca
University of Cyprus
Comments
Hey,
Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Thanks
Done as instructed.
We need to look into your files to investigate this problem further, and I need you to send FTP access to your website.
Please, send it like previously through the contact form, and attach a link to this forum discussion.
Thanks
I've managed to sort it out through WPML string translation.
Thank you for your time.
Regards,
Petros
That is great to hear that.
If you have any other questions or problems, feel free to ask.
Thanks
One more thing, the submenus (second level) that have their own submenus (third level), show an empty row below them, having the link https://newdev.ucy.ac.cy/#, why is that?
Thank you,
Petros
Doing browser web source inspection, the following html is is shown:
<a class="menu-toggle" href="#" role="link" aria-label="toggle submenu"></a>
Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.
.sub-menu a.menu-toggle{ display: none!important; }Thanks
Thank you that did the work!
Final issue... I have just noticed that the "icon-right-open" does not appear next to the submenus that contain submenus of the website https://newdev.ucy.ac.cy, like the following menu of the website https://newdev.ucy.ac.cy/chem:
Could you please advise how to enable/include this right open icon?
Thank you,
Petros
Please, open the Header Builder, edit the menu element, and enable the option Arrow for items with submenu.
Thanks
Thank you Phil, I tried that before but it also displays the down arrows next to the Top Level Menu items, can we remove that and keep only the submenu items right arrow icon?
My current solution applied to achieve the desired outcome, is to have this feature activated/enables and then remove the down arrow icon's code using css, as follows:
.mhb-menu .menu.arrows li.menu-item-has-children > a:after {
font-family: 'mfn-icons';
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -13px;
}
Is there any better solution that the above workaround?
Thank you,
Petros
You can use the following code instead:
.mhb-menu .menu.arrows > li.menu-item-has-children > a:after { display: none; }But yours is fine too.
Best regards
Perfect, thank you!