Joomla Templates Club 406,261 posts

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#192804

Hello!

I’ve noticed that the background image seems to have a display problem on my Android smartphone versus my Android tablet.

Because the Android smartphone display area is so small, having a background image doesn’t really add any value (IMHO).

Is there a way to have a different background for smartphones versus tablet? I still want to maintain the background image on
the tablet and PC, but have a simple solid color for display only for smartphones.

Can you help me do this?

Thank you!

Anne

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#514801

Hi Anne,

<blockquote>Is there a way to have a different background for smartphones versus tablet? </blockquote>

Yes. You can use the to define the background image on each responsive view (mobile, tablet and desktop).

i.e: You want to define the background image on mobile view, you can use these codes:

@media (max-width: 767px) {
body {
background-image: url("../images/bg_mobile.png");
background-repeat: no-repeat;
}
}

With these added styles, you can change the properties of logo as you want.

Note: You can a custom.css file at templates/ja_smashboard/css/ path and put the @media queries styles into.

This is a customization request which is not under our forum support policices so that I regret to say that you will need to do this modification by yourself or working with a developer.

[andersonannem Friend andersonannemJoin date: November 2007Posts: 76Downloads:17Uploads:1 Thanks: 12 Thanked: 5 times in 1 posts]

#515108

Hi Leo.

I added the code you suggested to the custom.css and the template-responsive.css but no difference. I am testing the mobile bit (for phone) on an android device. It doesn’t seem to work so well on my android smartphone (maybe it’s not so smart. 🙂 ).

Everything works OK on my android tablet.

I seem to have seen something about a problem on android, do you know anything about this?

Anne

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#515158

Hi Anne,

<blockquote>I seem to have seen something about a problem on android, do you know anything about this?</blockquote>

The new background image does not appear on portrait or landscape view of your Android mobile? If possible, can you put the site’s url here or PM me ?

It will be great when you can tell me the exact width of your mobile view (portrait and landcape), so i can give you more accurate css styles in this case.

[Author]

Posts