Edit 'menu' image when collapsed

  • Resolved vinz98

    (@vinz98)


    10 years, 1 month ago

    Hi There! When the Hueman theme is being watched on a mobile device the upper menu colaapses and a three horizontal lines blackandwhite image is shown at the right top of the page. However, not everybody will recognise this function and will think there is no menu at all. So my idea is to edit the image file and add a small bottom txt “menu” under the three lines.

    I downloaded the whole public html folder to my harddisk and looked for image files. however the image I want to alter is not found….

    Where is it?

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

  • Hey there vinz98,

    How are you doing today?

    In order to do this you’ll have to make changes in header.php which is located in the root folder of the theme. I strongly suggest not editing the theme core files, since all changes will be lost once you update the theme, but rather copy header.php into your child theme and make the changes there.

    It appears that the good Hueman developers already predicted someone will ask for this so they already made what you’re looking for.

    Once you have header.php copied to your child theme open it with text editor of your choice and go to lines 22 and 55, they both look like this:

    <div class="nav-text"><!-- put your mobile menu text here --></div>

    Replace “<!– put your mobile menu text here –>” with the text of your choice. Line 22 will affect top bar menu and line 55 will affect your primary navigation menu. The text should be displayed next to your menu icon.

    Hope this helps ??

    Best regards,
    Bojan

    Thread Starter vinz98

    (@vinz98)

    Many thnx, a great help!

    Glad I could help ??

    Cheers,
    Bojan

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Edit 'menu' image when collapsed’ is closed to new replies.