StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Interior Pro – how to change hamburger menu icon in mobile

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Interior Pro – how to change hamburger menu icon in mobile

This topic is: resolved

Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 19, 2016 at 4:17 am #195013
    Gigi-Wheels2Keels
    Member

    In the theme Interior Pro, I changed the color of my header menu from #FFFFFF to #353535. I finally figured out how to do it on my mobile version's hamburger menu. The problem is that the hamburger icon appears invisible because its color is #353535. How do I change the color of the hamburger icon to be a lighter color like #FFFFFF ?

    Thanks in advance!

    -Gigi

    SOS with my CSS!

    http://www.Wheels2Keels.com
    October 19, 2016 at 4:38 am #195014
    Gigi-Wheels2Keels
    Member

    Oh! Never mind!

    I found this code:

    .js .site-header button,
    .js .site-header button:hover {
    background-color: #353535;
    color: #009092;
    }

    .js .site-header button:focus {
    background-color: #353535;
    color: #009092;
    }
    And changed it there.

    SOS with my CSS!

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Interior Pro – how to change hamburger menu icon in mobile’ is closed to new replies.