Tagged: compatibility, enfold, Firefox, menu
-
AuthorPosts
-
July 13, 2016 at 7:18 am #660209
Hi,
I have this website http://www.positivafx.eu which has been translated in a few languages.
It seems that on Firefox the main menu breaks when displaying the ARABIC language. (see here: http://www.positivafx.eu/?lang=ar). I guess it has to do with the positioning of the language to the right, but that is done automatically by the theme so I would have thought that this should not happen…I have Firefox v47.0.1 which is the latest version currently. I tried on Chrome v51 and IE v11 and I do not have the same issue so it seems like the Enfold has some compatibility issue with the latest version of Firefox.
The Enfold theme I use is Version 3.6.1
I hope you can help!July 14, 2016 at 12:58 pm #660815Further to the above issue, for the time being I fixed the issue by applying the below CSS line to the arabic language through the Enfold “General Styling” CSS text box.
NAV.main_menu SPAN{white-space: nowrap;}
A permanent fix will be appreciated.
- This reply was modified 8 years, 4 months ago by gstyle333.
July 15, 2016 at 12:42 pm #661219Hi,
Glad you figured it out!
I tried disabling your custom CSS on the browser and still could not see any issues. If you would like us to look further into it, please post screenshots here showing the issue. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Best regards,
YigitJuly 15, 2016 at 1:30 pm #661252Hi Yigit,
See here. Kind reminder that the issue appears on Firefox only.
- This reply was modified 8 years, 4 months ago by gstyle333.
July 15, 2016 at 1:34 pm #661256Hey!
Can you please temporarily remove your custom CSS code and let us know so we can check if there is more solid solution? :)
Cheers!
YigitJuly 15, 2016 at 2:38 pm #661299Sure!
I have a DEV area where I have duplicated the issue. Please take a look here: http://positivacy.positivadev.site/?lang=arJuly 15, 2016 at 2:46 pm #661312Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.rtl .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { margin-left: 0; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
YigitJuly 15, 2016 at 2:49 pm #661314Done!
That seems to be fixing the issue I was having. What next?July 15, 2016 at 2:51 pm #661316Hi!
Enjoy your website :)
We have reported the issue to our devs and it will be fixed in upcoming updates.Best regards,
YigitJuly 15, 2016 at 2:52 pm #661318Excellent thanks!
July 15, 2016 at 2:55 pm #661320Hi!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Enjoy your weekend! :)
Cheers!
Yigit -
AuthorPosts
- The topic ‘Arabic Language breaks Enfold main menu on Firefox v47.0.1’ is closed to new replies.