I am having 3 different problems with the mobile version. I have made style edits and all is working when I take the live desktop version and collapse the screen to show the responsiveness at the mobile level, but not when viewing live on my iPhone.
Here are the 3 issues as indicated in the screen grab attached.
The logo at the top disappears. What styles need to be written for this to show up?
I altered the position of the text in the style.css, line 3085, margin bottom was 0 and I made it 90px. I couldn’t keep this caption centered because it covered the woman’s eyes and when it is positioned left, it is covered by the arrow box. I wanted to move the caption up to position above the gray arrow box. It works on the collapse screen, but not on the actual mobile. How do I fix this?
The links are the purple color (#b519830) throughout the page, but I changed the phone number link to white in style.css, line 7197, adding the style “.promo h3 a”. I tried other colors to make sure the style is correct and it worked. The phone link is still showing up purple. How can I override this style for the mobile device in the promo boxes?
The live version is located at http://youneedaction.com/vintage/
Any help is much appreciated.