Home Forums Etch Force hamburger menu on landscape iPad for Etch theme

This topic contains 2 replies, has 2 voices, and was last updated by  eadcock 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #46332

    eadcock
    Participant

    Hello Josh,

    I know you’ve solved this for some of you’re other themes, but I’d like to know where I can go to change the media widths to 1025px to force the hamburger menu to show on a landscape tablet instead of the primary navigation (since the dropdowns will not work for mobile). The style.css files within the theme don’t seem to reference any @media classes. Please let me know if I’m looking in the wrong place.

    Here’s the site for reference: http://cloud4good.com

    Thank you in advance!

    #46336

    Joshua
    Keymaster

    Etch is a little bit easier to do this. In your child theme’s style.css file, add the following lines:

    @media (max-width: 1025px) {
    #header .nav-primary {
        display: none !important;
    }
    #header .hidden-md, #header .hidden-lg {
        display: block !important;
    }
    }

    You can adjust 1025 to any width you’d like to use.

    #46338

    eadcock
    Participant

    Thank you Joshua!

    This worked great!!

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

You must be logged in to reply to this topic.