How to properly change button menu-toggle text in Storefront?

  • Unknown's avatar
    altdenys · Member ·

    I use locaIhost so I can’t link the site. I also use woocommerce Storefront theme.

    I want to change text in button menu-toggle. It is a navigation button that appears when using smaller screens. It has 3 horizontal lines, is expandable and has a text next to it called “Menu”. I want to change “Menu” text to “Меню”.

    I tried using CSS:

    https://stackoverflow.com/questions/7896402/how-can-i-replace-text-with-css

    My CSS:

    button.menu-toggle span {
    display: none;
    }

    button.menu-toggle::after {
    content: “Меню”;
    text-align: left;
    }

    The text is changed but it’s under the button and only fits one letter in each row. How can I adjust it’s positioning?

    I am sorry if the problem seems trvival. I wish I could adjust Storefront header more easily, but it’s customization seems severly limited.

  • Unknown's avatar
    helper-heroponriki · Member ·

    Hey there!

    Thanks for reaching out to us on the WordPress.com support forums. While we may not be able to assist with your specific issue since we can only help with websites hosted here, we’re happy to help point you in the right direction.

    It looks like you have a question about the WooCommerce Storefront theme. To get the help you need, I suggest posting your question on their support forums at https://wordpress.org/support/plugin/woocommerce/. They have a dedicated team of experts who can assist you with any issues you may be experiencing.

    I hope this information is helpful!

  • Unknown's avatar
    altdenys · Member ·

    Ok, thank you for paying time and replying to my question.

  • The topic ‘How to properly change button menu-toggle text in Storefront?’ is closed to new replies.