Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #56254
    JDC
    Participant

    I am trying to remove extra space in what I believe to be the masthead area.

    I have the following css in the Custom CSS.


    @media
    screen and (min-width:990px)
    {#site-branding,
    #masthead {
    display:none;
    }
    }

    It successfully removes all the white space above the top-line menu at larger screen sizes and allows the mobile menu icon to appear at smaller screen sizes.

    What I would also like to do is reduce the height of the mobile menu icon so it only takes up the height of the icon, but I can’t figure out how to get at that element.

    My test URL: http://everygoodgift.org/wptest/

    #56266
    Sakin
    Keymaster

    @JDC: You can just add the following css in “Appearance => Theme Options => Custom CSS” box:

    #masthead { padding: 0; }
    #site-branding, .sidebar-header-right { display: none; }
    #56270
    JDC
    Participant

    Thank you. That worked perfectly.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Masthead/Mobile Menu Icon Height’ is closed to new replies.