Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • January 27, 2016 at 3:11 pm #572900
    mike.rav

    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 #572904
    Andy

    Hi 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,
    Andy

    January 27, 2016 at 3:23 pm #572918
    mike.rav

    Hey,

    here you go http://imgur.com/Wd2LEWB

    January 27, 2016 at 3:49 pm #572956
    Yigit

    Hey!

    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 needed

    Best regards,
    Yigit

    January 27, 2016 at 3:56 pm #572968
    mike.rav

    Thanks 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 #572983
    Yigit

    Hi!

    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,
    Yigit

    January 27, 2016 at 4:20 pm #573002
    mike.rav

    Hey,

    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 #574391
    mike.rav

    Also, 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 #575575
    Ismael

    Hi!

    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,
    Ismael

    February 1, 2016 at 8:20 am #575619
    mike.rav

    Hey,

    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 #575856
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .advanced_menu_toggle { color: orange !important; }

    Regards,
    Yigit

    February 1, 2016 at 4:33 pm #575870
    mike.rav

    Hey,

    Thanks for the response. It doesn’t work though when the header is transparent.

    February 1, 2016 at 4:37 pm #575875
    Yigit

    Hi!

    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 here

    Cheers!
    Yigit

    February 1, 2016 at 4:43 pm #575880
    mike.rav

    Here you go

    View post on imgur.com

    The top icon is the current one, the bottom one is the one i want.

    • This reply was modified 8 years, 10 months ago by mike.rav.
    February 1, 2016 at 4:50 pm #575887
    Yigit

    Hi!

    Please use following code instead

    .advanced_menu_toggle { background-color: white !important; color: black !important; border: none !important; }

    Cheers!
    Yigit

    February 1, 2016 at 4:53 pm #575892
    mike.rav

    Hey, didnt work. Like i mentioned the header is transparent.

    February 5, 2016 at 8:33 am #578362
    Ismael

    Hey!

    Please post the url to the website so that we can inspect it. :)

    Regards,
    Ismael

    February 8, 2016 at 8:35 am #579438
    mike.rav

    Hello added to private content

    February 10, 2016 at 9:28 am #580907
    mike.rav

    Hello,

    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 #582191
    Yigit

    Hey!

    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!
    Yigit

    February 12, 2016 at 2:08 pm #582224
    mike.rav

    Hello

    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 #582271
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately? Code should have worked just fine :)

    Cheers!
    Yigit

    February 12, 2016 at 3:32 pm #582274
    mike.rav

    added to private data

    February 12, 2016 at 4:01 pm #582284
    Yigit

    Hi!

    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!
    Yigit

    February 12, 2016 at 4:13 pm #582296
    mike.rav

    Excellent Yigit. Thank you very much

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Fullwidth Sub Menu Customization’ is closed to new replies.