Steve wrote:Ok I think I am done the home page. But I do have one question...
I am trying to make the $200 image at the top of my page disappear from the website when i reach viewport 486.
So the image class name is "image-4-3 image-2" so you think when I add that to the main.css it should work. Am i missing something here?
@media screen and (max-width: 486px) {
img.image-4-3 image-2 {
display:none;
}
img.image-4-3.image-1 {
display:none;
}
img.image-4-3.image-1 {
display:inline;
}
span.text-element.text-1 {
font-size:20px;
}
}
Yes, that will work. However you should apply this to the column the image is in rather than the image itself. Because any formatting for the column such as padding and margin will still be displayed.
To be honest, you really should do this in RLM and reexport.
Also, a tip... When creating the website you should create a custom.css file to work out of until you are completely finished with RLM. Then just copy the custom.css to the main.css. That way if you make changes to the layout and reexport you do not lose the changes you made.