not a support questionHi 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.
Bryan
Yes. Sorry about that: http://virtualprivateinternet.com
Thanks, Ismael.
Nick
Moderator
Hi,
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(https://www.virtualprivateinternet.com/wp-content/uploads/2011/12/vpi_bg_test_larger.png)}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 http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Thanks,
Nick
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
