H4 in Menu

Home Forums ColorMag Free H4 in Menu

Tagged: ,

This topic contains 5 replies, has 2 voices, and was last updated by  ashishsthanp 2 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1323984

    al.eremin
    Participant

    How to change H4 tag in line ‘<h4 class=”menu-toggle”></h4>’ (header.php) ? I think it bad for SEO.

    • This topic was modified 2 months, 1 week ago by  al.eremin.
    #1324244

    ashishsthanp
    Moderator

    @al.eremin

    You can create a child theme and change the template file as you want.

    https://themegrill.com/blog/tutorial-creating-wordpress-child-theme/

    Thanks.

    #1324308

    al.eremin
    Participant

    Thanks, @ashishsthanp !

    I add class in style.css (copy H4 style):

    .mymenu {
    color: #333333;
    font-weight: normal;
    font-family: ‘Open Sans’, sans-serif;
    font-size: 30px; line-height: 1.2;
    }

    And change line <h4 class=”menu-toggle”></h4> in header.php to
    <div class=”mymenu” class=”menu-toggle”></div>

    But, hamburger icon in menu on mobile not clickable. What’s wrong?

    P.S. English is not my native language, so please be kind to my mistakes.

    #1324402

    ashishsthanp
    Moderator

    @al.eremin

    If you change the HTML of the menu toggle, you need to change the javascript file accordingly.
    If you’ve proper knowledge of child theme and enqueuing, you can add /js/navigation.js file from our theme to your child theme and edit the file as your requirement.

    Thanks.

    #1324616

    al.eremin
    Participant

    Thanks, @ashishsthanp !

    In line
    button = container.getElementsByTagName( ‘h4’ )[0]; (navigation.js)
    change to
    button = container.getElementByClassName(‘menu-toggle’)[0];

    in header.php

    <h4 class=”menu-toggle”></h4>
    change to
    <div class=”menu-toggle”></div>

    But, hamburger icon in menu on mobile not clickable. My site medvoprosi.ru

    Thanks.

    • This reply was modified 2 months, 1 week ago by  al.eremin.
    #1324728

    ashishsthanp
    Moderator

    @al.eremin

    Replace getElementByClassName by getElementsByClassName in your new js code. It must work.

    If you get any issue later, feel free to ask again!

    Also, we would really appreciate if you could provide us a review here:

    https://wordpress.org/support/theme/colormag/reviews/?filter=5

    Thanks

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

You must be logged in to reply to this topic.