Anne,
I have been trying to edit the responsive stylesheet for mobile use to allow the next/prev and return to product buttons to NOT be stacked upon each other.
I tried inserting the code in the first section and found that it also half changed the regular computer version..not happy with self so then moved it to the next section @media (max-width:480px) at the bottom of that set of codes.
two things need advice/help with
1. got them to be left justified but prev/next align with same distance from left side and product is a wee bit to the right more. Any way to get them all 3 to the left the same distance?
2. I gave them a margin of 1.55em to give them space between and it works, even when in horizontal (wide screen) view which then they are aligned like computer view.....but there is quite a gap between the last button and the image ---- again in wide view it is perfectly aligned and spaced.
This is the code I used:
.button_prev, .button_next,
.button_return_to_product_list{text-align:left;margin:1.55em;display:block;}
Is the space in the cell phone view to leave as it should be? I don't think it really poses and eye sore, cept to me...LOL
Thanks in advance.
If you want to see it in a cell phone or mobile media ---- BTW --- we are trying to please Google cause they claim that your templates are not mobile friendly due to text sizes too small and links are too close together.
http://www.desingerperfumesnob.com
Bookmarks