ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
iphone styling
-
-
- ladbroke
- Sr. Rocketeer
- Posts: 166
- Thanks: 4
-
Hi, I don't need to use the built in style sheet for iphone on my site, I prefer the look without, but all I'd like to do is use a different page background when viewed on an ipad or iphone. At the moment I've put the following in my template.css
@media screen and (max-device-width: 480px){
body.home{font-size: 13px;height: 100%;margin-bottom: 1px;font-family: Helvetica,Arial,sans-serif;background: #dbafe4 url(../images/backgrounds/safmob.jpg)no-repeat;}
This displays the correct background image on an iphone but breaks the site on a pc.
Any suggestions?
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
- Did you try to put this code in the iphone-gantry.css file instead of template.css file?
- Check my services at: Mihha-Vision
-
-
-
- ladbroke
- Sr. Rocketeer
- Posts: 166
- Thanks: 4
- No, I put it in the template.css file. I've got the iphone custom theme turned off in Gantry, so thought any changes I made to iphone-gantry.css wouldn't have any impact. I like the layout on iphone with the theme turned off, it's just the page background doesn't really work on an iphone. You can see the site here: balloons.designtlc.co.uk/
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
I don't think that this will work the way you want it. Maybe you could try to find out how iphone browser represents itself to the server and create new file called "template-something.css" and place this code in new file. If that won't work, then I don't have any other suggestion
- Check my services at: Mihha-Vision
-
Time to create page: 0.052 seconds