cyrussh

I have solve the issue so, I mention it here that might help some one!

Font awesome 5 needs to have a exact font weight to display properly.

Simply add this code to your Appearance — customize — css:

i.fa.fa-bars {
font-family: “Font Awesome 5 Free”;
font-weight: 900;
}

In case that the code does not work add !important to both css properties.

That’s it!

Hello,

Thank you for your reply.

I have tried your recommendation but this is not what I exactly looking for because I need also have other elements like as social icons and search as well in the header.

I have tried to target the page id and change the font. I t works great but the issue is I have to do this for every 20 pages that I have.

So, Is there any other way to change the font for just for the RTL page by JQUARY or?

Thank you for your help.

Have a good time a head!

***Sorry for the miss typing I mean js file in the first paragraph and get_template_directory_uri() in the second paragraph.***

Hi Air,

Please consider I am using One page website.

Let me explain again. all the menu elements works fine in Desktop and small devices. But, the only one with the submenu stay open after click in both Desktop and Mobile devices.

I do not think this is a big issue to fix for the theme author as it needs to modify a function for the submenu n the js file.

I have tried to inject the following function but it interfere with the click function.

—————————————————————
(function($){
“use strict”;
$(document).ready(function(){

$(‘li’).hover(function() {
$(this).children(“.submenu”).stop().show(250);

},function() {
$(this).children(“.submenu”).stop().hide(250);
});
});
})(jQuery);
—————————————————-
CSS

/* This hides the submenu
This code must be included or your submenu
won’t be hidden when the page loads */

.sub-links {
display: none;
}`
——————————————————————-

Please help me to solve this as soon as possible, if you can.

Thank you!

Hey,

Yes, I do understand that intended to work this way.

But, I think this’s not a good idea to have it in this way, because once the menu is opened up the menu in mobile devices, it covers 75% of the contents and there is no X to close it and the user getting confused how to close the menu!

Having 2 separated menus by using the plugin also is not a good solution. The js file should be edited instead, I suggest.

Anyway thanks for taking time.

Hey

I have installed WordPress locally so I am not able to send you the online link.

But, the issue as I explained, The mane menu the one has a sub menu does not hide automatically, so it covers the content of the website specially in mobile device.

If I do not use sub menu Main menu works fine.

This is how it looks like:

Home About Services Work contact Us
(Submenu) How it works
Why Us?
Job
Testimonial

As you can see as above the by clicking any link in the sub menu or even the parent (About) the menu does not hide.

Please reply to the as soon as possible .
Thank you

Hi Air,

I have a One page website. If I use the Menu without sub menu everything works fine.
But, I need to use Sub menu because the Menu become too long.

Just the only Menu parent of sub menu and sub menu remains open. Any solution to this?

Thank you!