Remove image in banner in mobile view

  • The Turtle

    (@theturle)


    8 years, 6 months ago

    TurboPodcast

    I’d like to remove the computer image from my banner in mobile view (because it keeps overlapping with the opt-in form).

    Is there a simple CSS custom code that I could add in that would do this?

    I’m aware of:

    @media screen and (max-width: 400px){
   .banner {
	display: none;
}
}

    But I believe that gets rid of my banner completely. I would just like to remove the computer image. Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • creativecode

    (@creativecode)

    8 years, 6 months ago

    Yes, you can do:

    @media screen and (max-width: 400px) {
   #banner_image {
     display: none;
   }
 }
    Thread Starter The Turtle

    (@theturle)

    8 years, 6 months ago

    You’re amazing! That works perfectly. Thank you!

    Only problem is that now the opt-in email field covers up the 3rd bullet point in mobile view. Any thoughts on how to fix that?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove image in banner in mobile view’ is closed to new replies.