Change 3 Lines for hamburger/toggle menu to text in Foodie child theme

Community Forums Forums Design Tips and Tricks Change 3 Lines for hamburger/toggle menu to text in Foodie child theme

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Kimberly 5 months, 4 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #103503

    Kimberly
    Participant
    Post count: 24

    Does anyone know what I need to edit to get the three lines in the responsive menu for the foodie child theme to read “MENU” instead of being the 3 lines? I also setup the secondary navigation and on the responsive menu would like it to read “SOCIAL MEDIA” instead of the 3 lines.

    My demo site is here: http://kimgrabinski.com/

    Thanks


    http://kimgrabinski.com/
    #103504

    Kimberly
    Participant
    Post count: 24

    I think I may have answered my own question. I need to split this into 2 (before and after), turn off the background, and add the word MENU in the content line.

    .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after {
    /* background: #555; */
    border-radius: 1px;
    content: ”;
    cursor: pointer;
    display: block;
    height: 5px;
    position: absolute;
    transition: all 500ms ease-in-out;
    width: 40px;
    }

    I’ll report back with the finalized code assuming it works.


    #103525

    Doug
    Participant
    Post count: 81

    Hi, Kim

    Yes, turn off the background; but, why are you getting duplicates?

    You have to name the Social Media menu Social Media, I think.

    Peace, Doug

    #103530

    Kimberly
    Participant
    Post count: 24

    Thanks Doug. Yes, I think I have to break out the secondary menu in order for it to say “social media” because right now it inherits from the main nav.


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.