How do you replace the ellipsis icon on the desktop expanded menu?

  • Unknown's avatar
    notenetworkau · Member ·

    I change the icon on my desktop expanded menu to a shopping cart instead of an ellipsis. Here’s the code I currently have in the header.php file of my child theme: 

    <span class="toggle-inner">
										<span class="toggle-text"><?php _e( 'View Cart', 'twentytwenty' ); ?></span>
										<span class="toggle-icon">
											<?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
										</span>
									</span>

    I have tried adding a few different inline SVGs of a shopping cart, like this one: https://iconify.design/icon-sets/typcn/shopping-cart.html

    I went into my child theme’s classes folder and opened the file class-twentytwenty-svg-icons.php (classes/class-twentytwenty-svg-icons.php). Below the ICON STORAGE comment with the list of other icons, I typed ‘cart’ => and pasted the inline SVG code for the shopping cart.

    I went back to the header.php file and replaced the word ‘ellipsis’ with ‘cart’ like so:
    <?php twentytwenty_the_theme_svg( 'cart' ); ?>

    The image that came out was a tiny line or two. It basically didn’t look like anything.

    I tried using one of the SVG icons already in the list to see where the problem was. I used the ‘arrow-down-circled’ icon in place of the ellipsis like this:
    <?php twentytwenty_the_theme_svg( 'arrow-down-circled' ); ?>

    This time, all I got was one tiny dot.

    I don’t understand why nothing but tiny dots or lines appear every time I try to use a different icon to the ellipsis. Can anyone please help me find out what I’m doing wrong?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    notenetworkau · Member ·

    Sorry — the first sentence should say “I want to change…. ” I literally typed that in to the text box but it somehow didn’t show up when I submitted this -____- I am really not having much luck with anything right now

  • The topic ‘How do you replace the ellipsis icon on the desktop expanded menu?’ is closed to new replies.