July 24, 2012
Long time no see. Hope all is well.
I restored a website using backup buddy. Here is a page from that site:
You can see the page title above the picture gallery on a desktop:
GREASE TRAP & USED COOKING OIL
However, when you view this page on an iPhone 6 and in Responsinator, as well, you will see that the page title actually floats OVER the Black and White icons:
If the page title in iPhone view had the title above the black and white icons as opposed to just above the gallery, that would probably be fine with the site owner, as well.
The website was created using Genesis and LIVE Editor.
I am wondering if you have some CSS code for the media query that could make this work on an iPhone?
Thanks again so much for all you do! Hope it's NOT too hot in California for you. It's getting hot here in South Florida, sure enough!
November 8, 2009
You have this problem because you are using margins to do something they were never intended to do. You are using a negative margin to move the 3 circles above the heading.
What you should really do here is change the layout so that in the html the circles come before the heading. Then you won't need any weird jiggery-pokery to move stuff around.
It that's not possible then you should use relative and absolute positioning to move the circles above the heading. Bear in mind this will also require you to write custom media queries so that you can adjust that positioning for different devices.
Most Users Ever Online: 228
Currently Browsing this Page:
Keith W Jones: 1444
Brian Tozer: 1004
Heidi Hafner: 509
John Cunningham: 423
Reece Morrel: 353
Guest Posters: 6
Administrators: Rick Anderson, Rick Anderson
Moderators: Pierre Cote, Laura Nugent