Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #17085

    Hi there.

    I have a custom background uploaded to the theme. It works pretty well for most of the pages except for the store pages. The text disappears in the black part of the custom background when resizing for a phone.

    Am I able to call a background image via the @media CSS/command?

    Thanks for the info.




    Can you give us a link?




    Yes. Sorry about that:

    Thanks, Ismael.



    Do you mean the top text about the ip address? or the bottom black area becoming a bit tall and swallowing something? or is it occurring above the logo? Sorry, I don’t have an iphone and the emulator is showing everything is ok.

    You can try this to see if the background will override using a media query, just change the file name to the new iphone background and put the code below into custom.css

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    html.html_boxed,body{background-image:url(}html,body{background-position:top left}html,body{background-repeat:repeat}html,body{background-attachment:scroll}


    If you want to target iphone, you can substitute the line below for the first line in the above example

    @media only screen and (max-device-width: 480px) {

    Here is a reference page with a bunch of media queries for various devices (Purchase code hidden if logged out) /




    Hi Nick,

    Thank you for the targeted support/information. I’m going to give it a try to see if it works and post the results for other folks to use here when I’m done.



    Sounds good Bryan and good luck :)



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Am I able to add a custom background for iphones/phones?’ is closed to new replies.