• Resolved Luckerella

    (@luckerella)


    Hi!

    Great theme, Ossie! I have one question though.

    On smaller screensizes the menu is displayed under a link called “MENU”. Thats all fine and dandy but since the website is Dutch I would like to change “MENU” to “HOOFDMENU”. How and where can I make that edit if possible?

    Thanks in advance for your reply!!

    Greetings,
    Sharon

Viewing 6 replies - 1 through 6 (of 6 total)
  • SideKick Dan

    (@shout-out-sidekick)

    Hello Luckerella,

    without seeing a url as a sample, there can be a few options.

    If the source of the “MENU” is an image, replace the image with one that is editted as you desire. upload to the same directory as current image and the change should take effect.

    If it’s text, and hard-coded, you’ll have to change this in the template file that contains the text. Not too hard, but need to see the site to determine where it is likely located.

    It it’s text, drawn from a language file, as with some plugins, this can be changed in the language file used for the menu.

    My guess it’s either the first or second situation unless you have a multilingual site.

    Best Regards,
    Danny

    Thread Starter Luckerella

    (@luckerella)

    Hi Danny! Thanks for your reply!!

    Looking at the code I would say it’s hardcoded. You can have a look yourself:

    https://www.mlict.nl

    View the website on a tablet or smaller (or downsize your browser) to see what I mean. All I want to do is change where it says MENU and add a arrow if possible to emphasize it is a dropdown menu.

    Thanks for you help and merry Christmas!
    Sharon

    SideKick Dan

    (@shout-out-sidekick)

    Hello Sharon,

    Here is some code to add to the css to get a sort of arrow indicating a dropdown that should work.

    .menu-toggle.toggled-on:after {
    content: "v";
    font-size: 8px;
    padding-left: 9px;
    color: #424242;
    }
    
    .menu-toggle:after {
    content: "^";
    padding-left: 9px;
    color: #424242;
    font-size: 13px;
    }

    As to changing the text of the mobile menu. It does seem like hardcoded text. See if you can find the following block of html in your active theme files; perhaps the Header file. Then manually change what’s in the assistive-text div where it says menu. This seems to be the basis for the mobile menu text.

    <nav role="navigation" class="site-navigation main-navigation">
    			<h1 class="assistive-text">Menu</h1>
    			<div class="assistive-text skip-link"><a href="#content" title="Skip to content">Skip to content</a></div>

    Let me know how it goes ??

    Best Regards,
    Danny

    Thread Starter Luckerella

    (@luckerella)

    Danny, a.k.a. SideKick Dan, you rock!

    Thanks for the code example. It worked like a charm.

    As to the mobile menu I found a piece of code in the header file that resembled your example. But instead of saying Menu in the h1 tag it looked like this:

    <h1 class="assistive-text"><?php _e( 'Menu', 'adamos' ); ?></h1>

    I easily changed it to:

    <h1 class="assistive-text">Hoofdmenu</h1>

    And it worked!

    Thanks a bunch for your help!

    Greetings,
    Sharon

    SideKick Dan

    (@shout-out-sidekick)

    Awesome!!! ?? Please keep me posted if there’s any other issues.

    Best Regards,
    Danny

    Theme Author Template Express

    (@danstriker)

    thanks for the help Danny

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Edit "MENU" link’ is closed to new replies.