Hiding header image and resizing logo for mobile view

  • Resolved anice06

    (@anice06)


    9 years, 10 months ago

    I have been using the @media screen code to resize and hide elements for desktop view.
    Now I want to resize the logo and also hide the banner for mobile view.
    But I could seem to find the banner id for header image to use the @media screen code and also please provide the code to resize the logo in mobileview. I could not seem to make it work with my code.

Viewing 1 replies (of 1 total)

  • Hi,

    To target mobile specifically you’d use the following media query:

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

    The header image is applied as a background image to .site-header.

Viewing 1 replies (of 1 total)
  • The topic ‘Hiding header image and resizing logo for mobile view’ is closed to new replies.