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

  • Unknown's avatar
    juvseo · Member ·

    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)

  • Unknown's avatar
    designsimply · Member ·

    I checked http://juvseo.com/ and I found that site is setup using WordPress software, but it is not hosted here at WordPress.com. See http://support.wordpress.com/com-vs-org/ to learn about the differences.

    My current theme is Cordillera by Magee Themes.

    You will need to ask for support from the theme maker in this case. I found a link to their support page at http://www.mageewp.com/documents/

    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.

    The first thing to do is check to see if the theme works on mobile without modification. I see that they have a demo site for that theme at http://www.mageewp.com/cordillera/ and I checked it on my iPhone and I do see some of the problems you mentioned such as the top banner image not showing and background images seem to be missing and some of the text seems to be white on white (which could be a background image not showing problem?). Because of how we can see these issues on the theme’s demo site, the best thing to do is to contact the theme developers to see if they are willing to have a look and fix the problems. Make sure to include specific links such as http://www.mageewp.com/cordillera/ where the problem can be seen and information about what devices you’re using as you did above.

    If you aren’t able to get help from the theme author, the next place you can ask for help is through the volunteer-based forums at http://wordpress.org/support/

    Finally, if you need design help and cannot find someone willing to help out via the volunteer support route, I would recommend hiring a designer to help at that point since you are using a free theme, are not hosted here at WordPress.com, and may need in-depth design help.

  • The topic ‘Top Banner Image and other background images not showing on mobile devices’ is closed to new replies.