[Resolved] Header setup / mobile

Home Forums Support [Resolved] Header setup / mobile

Home Forums Support Header setup / mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #810842
    Kevin Wabiszewski

    Hello, how could I make it so that the search magnifying glass turns black on mobile and so that the black lines stay there when the menu is clicked?

    Here is the current CSS I am using

    .main-navigation {
    border-bottom: 2px #ba1f1f solid;
    }

    .post-template-default .widget_search {
    margin-top: 57px;
    }


    @media
    (max-width: 768px) {
    #mobile-header {
    background-color: #ffffff;
    }
    .main-navigation .main-nav ul li a {
    background-color: #ad0500;
    }
    button.menu-toggle {
    color: #000000;
    }
    }

    #810863
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try this CSS:

    button.menu-toggle:hover, 
    button.menu-toggle:focus, 
    .main-navigation .mobile-bar-items a, 
    .main-navigation .mobile-bar-items a:hover, 
    .main-navigation .mobile-bar-items a:focus {
        color: #000;
    }

    Let me know ๐Ÿ™‚

    #810897
    Kevin Wabiszewski

    Worked great thanks a lot!

    #811423
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.