Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • #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.

    #572904

    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

    #572918

    Hey,

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

    #572956

    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

    #572968

    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?

    #572983

    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

    #573002

    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?

    #574391

    Also, how do i change the mobile icon when using a transparent header to have a solid color inside?

    #575575

    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

    #575619

    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?

    #575856

    Hi!

    Please add following code to Quick CSS

    .advanced_menu_toggle { color: orange !important; }

    Regards,
    Yigit

    #575870

    Hey,

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

    #575875

    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

    #575880

    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, 9 months ago by mike.rav.
    #575887

    Hi!

    Please use following code instead

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

    Cheers!
    Yigit

    #575892

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

    #578362

    Hey!

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

    Regards,
    Ismael

    #579438

    Hello added to private content

    #580907

    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

    #582191

    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

    #582224

    Hello

    I tried your code, didnt work though.

    Concerning the other question, see screenshot here (http://imgur.com/r906lyG)

    #582271

    Hey!

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

    Cheers!
    Yigit

    #582274

    added to private data

    #582284

    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

    #582296

    Excellent Yigit. Thank you very much

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