WordPress.org

Ready to get started?Download WordPress

Forums

Adamos
[resolved] Edit "MENU" link (7 posts)

  1. Luckerella
    Member
    Posted 6 months ago #

    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

  2. SideKick Dan
    Member
    Posted 6 months ago #

    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

  3. Luckerella
    Member
    Posted 6 months ago #

    Hi Danny! Thanks for your reply!!

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

    http://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

  4. SideKick Dan
    Member
    Posted 6 months ago #

    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

  5. Luckerella
    Member
    Posted 6 months ago #

    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

  6. SideKick Dan
    Member
    Posted 6 months ago #

    Awesome!!! :) Please keep me posted if there's any other issues.

    Best Regards,
    Danny

  7. Ossie Heffell
    Member
    Theme Author

    Posted 6 months ago #

    thanks for the help Danny

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.