[double-yu]

Hello!

In a responsive mode my Navigation Menu looks like a drop-off menu with a label “MENU” on it. I want it to be written in my language, but CodeStyling Localization plugin didn’t help me with that. Can you tell me a place in the code where I can change it by myself? My blog is double-yu.ru. Thank you in advance

[ahmetsali]

Hi, you can use this custom js code;

<script>
jQuery(document).ready(function($) {  
   var menuWord = "CHANGE-THIS";
   setTimeout(function() { 
$('select.menu option:first-child').text(menuWord); $('.main-navigation .selector > span').text(menuWord); }, 1000); 
});
</script>

paste it to the External Js Box located in Theme Options > Style tab.

[double-yu]

Thank you, it worked! But I have one more question regarding this: now how can I change style of the label? Particularly, I want to change color: and font-weight: properties.

Also I noticed that, despite the fact that I changed default fonts for my site, this MENU label is still using default font-family (Lora, Georgia, serif) instead of my custom (Roboto). I changed that adding

select {
font-family: “Roboto”;
}

to my Custom CSS. (Is that correct, by the way?) But it didn’t work with other properties (color and font-weight).

[ahmetsali]

Hi again,

– yes your custom css code is fine.

– you can try this custom css code to change menu label’s color and font-weight,

.main-navigation div.selector span {
    font-weight: 400;
    color: green;
}

[double-yu]

Perfect! Thank you!