Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 28, 2015 at 1:36 am #509760
    L

    The mobile menu menu items arrow icons look like taken from emoji list. How can we prevent the mobile menu small arrow icons to appear like emoji? And how is it possible to make them exactly as they were appearing before?

    September 28, 2015 at 12:05 pm #509975
    Yigit

    Hi L!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
content: "\25BA";
}

    Best regards,
    Yigit

    October 2, 2015 at 7:41 pm #512986
    genloc

    Hello, same problem in the “Fullwidth Sub Menu”.

    And another question, how can ich change the Name “Menu” in the front page? In german is called “Menü”.
    Thanks
    genloc

    October 5, 2015 at 7:33 am #513509
    Ismael

    Hey!

    Please try the solution provided above to fix the menu icon.

    Could you please provide a link to the page? Are you trying to translate one of the menu items?

    Best regards,
    Ismael

    November 8, 2015 at 4:20 pm #532143
    genloc

    Little busy last time. Here is the link and a Screenshot
    In the second menu the arrows visible. I don’d know how it look on iOS 8, i think better.
    And: How can i change “Menu” to “Menü”?

    November 8, 2015 at 4:27 pm #532145
    Yigit

    Hey!

    Please update Enfold to the latest version 3.4.1 – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Cheers!
    Yigit

    November 8, 2015 at 8:49 pm #532239
    genloc

    I did the update this week. It’s the same. Take a look.

    Regards
    genloc

    November 10, 2015 at 6:27 pm #533560
    Andy

    Hi!

    can you provide us admin access, so we can take a closer look into it? post login details here as private reply.

    Best regards,
    Andy

    November 10, 2015 at 7:41 pm #533621
    genloc

    ok, take a look

    November 10, 2015 at 8:21 pm #533646
    Andy

    Hey!

    you are using a caching Plugin (WP Rocket), so go into plugin’s settings and choose to switch off caching. Afterwards deactivate this and all other plugins, clear browser cache and hard refresh a few times.

    Regards,
    Andy

    November 10, 2015 at 9:16 pm #533681
    genloc

    Hi Andy,
    unfortunately, It does not help. I have the entire cache module uninstalled. But you know that it’s all about the sub-menu and not to the main menu? There are problems only on iOS 9. And the problems I had the problems with the sub-menu before the cache module, which is only a few weeks old.
    I’ll probably replace the Submenu against buttons. That’s not quite as charming but probably looks better.

    regards
    genloc

    November 11, 2015 at 2:01 pm #534004
    Yigit

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before { 
content: "\25BA";
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    November 11, 2015 at 2:19 pm #534014
    genloc

    Hi Yigit,
    thanks that works for me. five-star ***** answer ;-)
    One last question. how can i change the name “Menu” in the sub menu to local language “Menü”. See screen shot.
    regards
    genloc

    November 12, 2015 at 9:06 am #534618
    Ismael

    Hey!

    EDIT: Disregard the previous code. I thought you haven’t fixed the issue. Regarding the “Menu” text, please edit config-templatebuilder > avia-shortcodes > menu.php file, look for this code around line 303:

    $mobile_button = $mobile == "active" ? "<a href='#' class='mobile_menu_toggle' ".av_icon_string('mobile_menu')."><span class='av-current-placeholder'>".__('Menu', 'avia_framework')."</span></a>" : "";

    Adjust the text.

    Try to replace the icon with a css triangle. Please remove the code in the Quick CSS field:

    .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before {
    content: "";
}

    .. replace it with:

    .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #444444;
    position: absolute;
    top: 23px !important;
    bottom: auto;
}

    Best regards,
    Ismael

    November 12, 2015 at 11:51 am #534667
    genloc

    Hey!
    Yes, that’s it!
    Thanks a lot
    genloc

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Mobile menu items icons in iOS9 look different’ is closed to new replies.