Top Banner Image and other background images not showing on mobile devices

• 

  juvseo · Member · Feb 19, 2015 at 4:40 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m having a problem with my site http://juvseo.com, actually it works fine on desktop computers/laptops but with MOBILE DEVICES its a mess. :(

  My top banner image is not showing on my iphone5 and ipad2 device. Even some background images that I used for OPT IN section, and bottom images for contact information.

  Please help! My current theme is Cordillera by Magee Themes.

  Here is the default CSS on my theme:

  .top-banner-caption h1 {
  font-size: 8em;
  }

  .top-banner-caption h2 {
  font-size: 5em;
  }

  @media screen and (max-width: 1024px) {
  .top-banner-caption h1 {
  font-size: 6em;
  }
  .top-banner-caption h2 {
  font-size: 4em;
  }
  }

  @media screen and (max-width: 768px) {
  .top-banner-caption {
  margin-top: 100px;
  }
  .top-banner-caption h1 {
  font-size: 5em;
  }
  .top-banner-caption h2 {
  font-size: 3em;
  }
  }

  @media screen and (max-width: 640px) {
  .top-banner-caption h1 {
  font-size: 4em;
  }
  .top-banner-caption h2 {
  font-size: 2em;
  }
  }

  I don’t know how to tweak it because I have a little knowledge in CSS. So I hope someone can help me.

  Thank you

  The blog I need help with is: (visible only to logged in users)