Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 20, 2015 at 4:05 pm #490862
    WEBIGAMI

    Hi Team,

    how can I set the color of the “X” in the mobile menu toggle? I want it to be black with a white background and on hover the other way around.

    Thanks and cheers,
    Jan :)

    August 21, 2015 at 3:33 pm #491447
    Elliott

    Hey Jan!

    Add this to your custom CSS.

    #advanced_menu_hide { background: black !important; color: white !important; }

    Cheers!
    Elliott

    August 21, 2015 at 3:43 pm #491458
    WEBIGAMI

    Hi Elliott,

    thank you.

    It’s still not right. When I open the menu it should only appear a black cross (“x”) with a white background. No black circle or other black background around it.

    Hover is not so important as it only appears for miliseconds.

    2) Can I remove the space betwenn the mobile menu toggle Icon so that I have 3 straight lines with no white-space in between?

    Thanks, Elliott!

    Jan :)

    August 24, 2015 at 2:51 pm #492229
    Elliott

    Hey!

    Then just switch the colors.

    #advanced_menu_hide { background: white !important; color: black !important; }

    I’m not sure what you mean by remove the lines. Take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Cheers!
    Elliott

    August 24, 2015 at 4:41 pm #492351
    WEBIGAMI

    Hey Elliott,

    okay, the “X” should look like this when you open the mobile menu:

    And the menu toggle icon like this:

    Thank you!!!

    Cheers,
    Jan :)

    August 24, 2015 at 4:41 pm #492353
    WEBIGAMI

    PS: without the red marks of course ;)

    August 25, 2015 at 8:35 am #492672
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    August 25, 2015 at 5:07 pm #493093
    WEBIGAMI

    Hi Rikard,

    it’s just the normal ENFOLD mobile slide out menu with the icons. I wnat them to look like in the photoshopped screenshots above :)

    Here is the link:

    Thanks,
    Jan :)

    August 25, 2015 at 5:43 pm #493119
    WEBIGAMI

    I managed to exchange the menu toggle and the close icon per child theme and this code:

    add_filter('avf_default_icons','avia_replace_mobile_menu_icon', 10, 1);

function avia_replace_mobile_menu_icon($icons)
{
$icons['mobile_menu']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue811');
return $icons;
}

    It’s three lines without a break like I wanted it to be. And the “x” could be exchanged with this method, too :)

    Cheers

    August 25, 2015 at 5:50 pm #493124
    Yigit

    Hi Webigami!

    Glad you figured it out! Shall we mark the thread as resolved? :)

    Best regards,
    Yigit

    August 25, 2015 at 5:52 pm #493126
    WEBIGAMI

    Hi Yigit,

    yes, you can!

    Cheers

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Mobile Menu Toggle Icon’ is closed to new replies.