Remove top header image when viewing in mobile

  • Resolved iskoah

    (@iskoah)


    9 years, 5 months ago

    I need to remove the top header image when viewing in mobile. It doesn’t look nice when it’s stacked. I’d like to just remove it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author EWP Theme

    (@ewptheme)

    9 years, 5 months ago

    Hi

    You can add custom css to hide it for mobile / small device using css media query.

    Thanks

    Thread Starter iskoah

    (@iskoah)

    9 years, 5 months ago

    What CSS/code would you recommend for doing this?
    Thanks

    • This reply was modified 9 years, 5 months ago by iskoah.
    Theme Author EWP Theme

    (@ewptheme)

    9 years, 1 month ago

    Hi

    You can use blow css:

    @media (max-width: 990px) {
    .headerimg {
    display: none !important;
    }
    }

    This css code will hide header image, if browser width will less than 990px. you can also change 990px according your requirements.

    You can add custom css code here: Dashboard > Appearance > Additional CSS.

    Thanks

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

The topic ‘Remove top header image when viewing in mobile’ is closed to new replies.