I have been trying to modify the header’s style sheet but with limited success. Looks OK when viewing on a PC. Now here are screenshots of what I’m trying to achieve when viewed on a iPad.
a) Actual result when viewing on a iPad:
b) This is the result I’m trying to achieve (all on the same line)
The logo size is 125 x 90 and the right image is 150 x 90. What would be the CSS hack to do this?
The site is being remodeled on a local server, that’s why I made screenshots instead of simply posting a link. Hope you still can help.
Check the widths of the title area and header right widget area in your media queries. Looks like they are both dropping to 100% at a certain point, when you likely want them to be 50% and floated to the left and right.
I’ll keep trying… if it doesn’t work, I’ll upload a clone online tomorrow so we can all see it
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.