-
AuthorPosts
-
January 27, 2016 at 3:11 pm #572900
Hello,
I was wondering if it possible to change the text “Menu” and its icon on the left to others, when fullwidth sub menu has the “display a button to open menu”? For example i want to change the icon and change the text to “See Also”
Can this be done?
Thanks in advance.
January 27, 2016 at 3:15 pm #572904Hi george!
not sure what you are trying to achieve. Can you be more specific by providing links and/or screenshots please? use imgur.com or dropbox.
In general you can use Poedit or Loco Translate plugin.
Regards,
AndyJanuary 27, 2016 at 3:23 pm #572918Hey,
here you go http://imgur.com/Wd2LEWB
January 27, 2016 at 3:49 pm #572956Hey!
Please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
then please go to Enfold/config-templatebuilder/avia-shortcodes folder and open menu.php file and find<span class='av-current-placeholder'>".__('Menu', 'avia_framework')."</span>
a
and change it as neededBest regards,
YigitJanuary 27, 2016 at 3:56 pm #572968Thanks for this, though i can only see way to change the text. How do i change the icon?
Also, since i have a multi language site, how will i be able to change text for each language? Cant this be done through string translation of wpml?
January 27, 2016 at 4:09 pm #572983Hi!
Yes, please edit the file (please see if you are using a child theme – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/) and change the string to “See also” for English version by editing the file and then install this free software – http://poedit.net/ and find “See also” and translate it to your other languages.
If you are using a child theme, you can change the icon by adding following code to Functions.php file in Appearance > Editor
add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1); function avia_replace_standard_icon($icons) { $icons['mobile_menu'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue915'); return $icons; }
Best regards,
YigitJanuary 27, 2016 at 4:20 pm #573002Hey,
If i use that code in functions.php i changes the mobile icon to both the main menu as well as the fullwidth sub menu on mobile. I just want to change the fullwidth sub menu.
Also isnt there a way to translate through WPML?
January 29, 2016 at 9:41 am #574391Also, how do i change the mobile icon when using a transparent header to have a solid color inside?
February 1, 2016 at 7:08 am #575575Hi!
Please replace the code with this:
add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1); function avia_replace_standard_icon($icons) { $icons['mobile_menu'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue915'); $icons['main_mobile_menu'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue8a5'); return $icons; }
Edit the includes > helper-main-menu.php file then look for this code on line 19:
echo '<a id="advanced_menu_toggle" href="#" '.av_icon_string('mobile_menu').'></a>';
.. replace it with:
echo '<a id="advanced_menu_toggle" href="#" '.av_icon_string('main_mobile_menu').'></a>';
Regards,
IsmaelFebruary 1, 2016 at 8:20 am #575619Hey,
Thanks for the icon codes, they work great! Add this as a snippet.
Also, how do i change the mobile icon when using a transparent header to have a solid color inside?
February 1, 2016 at 4:18 pm #575856Hi!
Please add following code to Quick CSS
.advanced_menu_toggle { color: orange !important; }
Regards,
YigitFebruary 1, 2016 at 4:33 pm #575870Hey,
Thanks for the response. It doesn’t work though when the header is transparent.
February 1, 2016 at 4:37 pm #575875Hi!
Can you please post a screenshot and show the changes you would like to make so we can make sure to be on the same page?
You can upload your screenshots on imgur.com or Dropbox public folder and post the links hereCheers!
YigitFebruary 1, 2016 at 4:43 pm #575880Here you go
The top icon is the current one, the bottom one is the one i want.
- This reply was modified 8 years, 9 months ago by mike.rav.
February 1, 2016 at 4:50 pm #575887Hi!
Please use following code instead
.advanced_menu_toggle { background-color: white !important; color: black !important; border: none !important; }
Cheers!
YigitFebruary 1, 2016 at 4:53 pm #575892Hey, didnt work. Like i mentioned the header is transparent.
February 5, 2016 at 8:33 am #578362Hey!
Please post the url to the website so that we can inspect it. :)
Regards,
IsmaelFebruary 8, 2016 at 8:35 am #579438Hello added to private content
February 10, 2016 at 9:28 am #580907Hello,
Aside from the last request i made, i would also like to know how i can make “avia-fx” the line below the links to adjust according to menu item?
For example, i used the below CSS to achieve my desired result of a menu, but now the line is off. How can i make so i covers only the hovered element?
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {padding: 0 10px 0 25px;margin-left: 0;} #top .av_header_transparency .avia-menu-fx {bottom:0; width: 100%; left:0; }
PS: The URL is in private data
February 12, 2016 at 1:05 pm #582191Hey!
Please add following code to Quick CSS as well
.av_header_transparency #advanced_menu_toggle { background: white!important; }
Can you please post a screenshot showing the changes you would like to make in your second questions as well? :)
Cheers!
YigitFebruary 12, 2016 at 2:08 pm #582224Hello
I tried your code, didnt work though.
Concerning the other question, see screenshot here (http://imgur.com/r906lyG)
February 12, 2016 at 3:29 pm #582271Hey!
Do you mind creating a temporary admin login and posting it here privately? Code should have worked just fine :)
Cheers!
YigitFebruary 12, 2016 at 3:32 pm #582274added to private data
February 12, 2016 at 4:01 pm #582284Hi!
1- I changed your code to following one
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle,.av_header_transparency #advanced_menu_toggle {background: white!important;}
please flush browser cache and review your website now
2- Please change the following code
#top .av_header_transparency .avia-menu-fx {bottom:0; width: 100%; left:0; }
to following one
#top .av_header_transparency .avia-menu-fx {bottom:0; width: 100%; left:7%; }
Cheers!
YigitFebruary 12, 2016 at 4:13 pm #582296Excellent Yigit. Thank you very much
-
AuthorPosts
- The topic ‘Fullwidth Sub Menu Customization’ is closed to new replies.