• Andonia

    (@andonia)


    Hello! I use Overlay Child Theme for 2 websites and I really enjoy it.

    I’m trying to replace the text “Menu” with a burger icon in the mobile menu of https://schublade-in-ordnung.de/ I HAVE NO IDEA how I managed to insert a burger menu on mobile for my other website work-wear.bg. It seems I did it somehow:) Do you have any suggestion how could I do the replacement? It’s very important for me..

    Thanks in advance!

    Andoniya

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • janschattling

    (@janschattling)

    I can see the word “menu” on both sites, one just has the additional burger symbol in front.

    Comparing the code of your website the main difference is a <span> code adding the font-awsome symbol before the word.
    <span><i class=”fas fa-bars”></i></span>
    I don’t know of any direct option in the settings to do it so maybe try adding it to the menu class by yourself.
    Since there will be no further updates for the theme it should be no problem to use the editor to adjust the files yourself.

    Thread Starter Andonia

    (@andonia)

    I tried to find where it is located in order to change it using code, but I couldn’t find where it is. I went through each file in the File Manager, all templates, content.php, header.php, style.css etc etc..Do you know where the navigation is situated, so I can edit it?

    Best wishes,

    Andoniya

    Thread Starter Andonia

    (@andonia)

    I really can’t find in which template it is located, can you give me a hint? Is it in the parent or child theme? I think it should be in header.php, however I can’t find it there.

    Thread Starter Andonia

    (@andonia)

    I managed to add burger symbol, now I have to change the text Menu because in German it should be Menü. Do you know how I could change this text, or at least how to remove it with css?

    Thanks in advance!

    janschattling

    (@janschattling)

    The “Menu” text should be right were you added the span design.
    It’s the button with the class=”menu-toggle”.
    Sorry, but unfortunately I don’t use this theme no longer on any of my sites, so I can’t check the actual files.

    Thread Starter Andonia

    (@andonia)

    The “Menu” text is indeed easy to be seen on the source page, however in header.php it looks like this:

    <?php if ( get_theme_mod( 'overlay-mobile-menu-addicon', customizer_library_get_default( 'overlay-mobile-menu-addicon' ) ) ) : ?>
    
                                <span><i class="fas <?php echo sanitize_html_class( get_theme_mod( 'overlay-mobile-menu-icon', customizer_library_get_default( 'overlay-mobile-menu-icon' ) ) ); ?>"></i></span>
    
                            <?php endif; ?>
    
                            <?php echo esc_html( get_theme_mod( 'overlay-mobile-menu-text', customizer_library_get_default( 'overlay-mobile-menu-text' ) ) ); ?>

    Sinde I coudn’t edit the text I decided to delete this whole piece of code in order to remove the text from the menu toggle.

    Thanks for your help, you can close the topic now.

    Warm wishes,

    Andoniya

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Burger menu instead of text on mobile’ is closed to new replies.