Twenty-twelve theme not responsive?

  • Resolved ViggasMor

    (@viggasmor)


    9 years, 11 months ago

    Hi.

    I’m currently making a new website and i’m using the twenty twelve theme – which should be responsive. Only problem is that it is not!

    The navigation menu does not adjust when i look at the site on a iPad.

    Can anyone tell me what i can do about it?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you show a page with the issue?

    Thread Starter ViggasMor

    (@viggasmor)

    Yes.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is no bug by the way, the responsive navigation kicks in on mobile by theme design. If you want it on tablet, add this CSS to your Child Theme style.css file:

    @media screen and (max-width: 768px) {

    .menu-toggle {
        display: inline-block;
    }

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        display: none !important;
    }

    .main-navigation ul.nav-menu.toggled-on,
    .menu-toggle {
        display: inline-block !important;
    }

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        text-align: center;
    }

    .main-navigation li a,
    .main-navigation li {
        display: block;
    }

}

    Thread Starter ViggasMor

    (@viggasmor)

    That worked! Thanks ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty-twelve theme not responsive?’ is closed to new replies.