No burger icon on mobile

  • Resolved swamptheng666

    (@swamptheng666)


    8 years, 8 months ago

    Hello
    I have Hueman with a child theme. I’m aware that I have probably caused this myself, but the header menu does not appear on mobile format (or reduced window size on laptop) and the burger icon has disappeared. I have tried to track it down but I am missing something.

    Regards

    Simon
    simon-says-it.co.uk

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

  • Hi Simon. It appears that you’ve copied several blocks of code from the parent theme style.css file into your child theme style.css file. That code will take precedence over the theme CSS, including any code in the theme responsive.css file. Specifically, this line in your child theme style.css:

    .nav-toggle {display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center;}

    is overriding this code in the theme responsive.css file:

    @media only screen and (max-width: 719px) {
  .nav-toggle, .nav-text {
    display: block;
  }
}

    In general it’s good practice to only enter CSS in your child theme that you want to add or change. Then this issue if far less likely to occur.

    Thread Starter swamptheng666

    (@swamptheng666)

    Ah, thanks bdbrown. That makes a lot of sense – the precedence structure (me and my clumsy copy/pasting!)

    I will be onto that tomorrow.

    Best wishes

    Simon

    Thread Starter swamptheng666

    (@swamptheng666)

    Spot-on bdbrown. Thanks again

    You’re welcome. Glad you got it fixed.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘No burger icon on mobile’ is closed to new replies.