Support » Theme: Twenty Twelve » Hide widget in mobile

  • Resolved AmpersandBooks

    (@ampersandbooks)


    Hi there,

    I put a widget area in the header to display the logo, as in :

    http://testing.ampcommunity.com

    In the mobile view the logo is underneath the header and disproportionately sized. I’d like to just hide it altogether in mobile view or, alternatively, hide the header image so the page just has the logo at the top.

    Any suggestions on how to do this?

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

    (@anevins)

    Forum moderator

    alternative

    In your Child Theme style.css file, add this;

    @media screen and (min-width: 480px) {
     #masthead hgroup ~ a {
      display: none;
     }
    }

    AmpersandBooks

    (@ampersandbooks)

    Thanks for that, but that code seems to hide in the desktop and show it in mobile. I’ve already adjusted the width in the child theme. Could that be causing some conflict?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Oops, maybe try this;

    @media screen and (max-width: 480px) {
     #masthead hgroup ~ a {
      display: none;
     }
    }

    Replacing min with max.

    AmpersandBooks

    (@ampersandbooks)

    You, sir, are a scholar and a gentleman.

    AmpersandBooks

    (@ampersandbooks)

    Resolved

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide widget in mobile’ is closed to new replies.