Tagged: woocommerce, wpml
-
AuthorPosts
-
March 21, 2016 at 4:52 pm #601351
HI,
I am running Enfold theme with WooCommerce and WPML with their mult-icurrency (also known like WPML WooCommerce Multilingual).
I am trying to show only the currency symbols in horizontal line in the header widget area which you help me to add (I am grateful for that), but the problem is that is shown only in vertical mode, I don’t know why. I wrote to WPML support and they recommend me to change to Twenty Fourteen to see if the issue is from the theme or is coming from other plugin. I switch to Twenty Fourteen without any other changes and there the currency symbols in widget area are showing correctly. You can see in the screenshot:
http://c2n.me/3vQBem1Unfortunately when I am using Enfold theme it is not showing correctly, it shows only in vertical mode. Like in this screenshots:
http://c2n.me/3vQBfVpPlease help me to resolve this issue. I love your theme, but I need WPML multi-currency switcher also.
Hope that will hear you soon.
Thank you in advance!
Kindly regards,
IvanMarch 23, 2016 at 2:52 pm #602530Hi webcrewbg!
Thank you for using our theme.
In custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) put the following:
header .widget { display: block !important; left: auto !important; line-height: 19px !important; padding: 0 !important; right: 10px !important; top: 10px !important; width: 80px !important; } header .widget .wcml_currency_switcher li { display: inline-block !important; float: none !important; }
Due to the HTML structure I placed the selector above the flag.
Best regards,
GünterMarch 23, 2016 at 6:52 pm #602731Hi Günter,
Thank you very much for your support!
This is exactly what I am looking for about the regular header – http://c2n.me/3vYeSJM , but there is one small problem with the sticky header. When I scroll down and the sticky header has activated the currency symbols go over the main menu – http://c2n.me/3vYf2dm.
Is it possible to hide the symbols only for sticky header? If this is not possible, is there a way to put them next to the flags, before the search icon?Thank you very much in advance for helping me resolve this issue.
Kindly regards
IvanMarch 24, 2016 at 9:48 pm #603445Hey Ivan
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled #text-7 { display: none; }
Regards,
YigitMarch 24, 2016 at 10:02 pm #603459Hi Yigit,
Thank you very much for your support.
Your code solve my last problem!Thank you again!
All the best,
Ivan -
AuthorPosts
- The topic ‘WPML multi-currency in header widget area problem’ is closed to new replies.