Kelly
|
Site: http://www.zipperworks.com/
The main heading "Welcome to Zipperworks Art Gallery" and the sub text below it (first is H1 and second is an H2).
When I view this site with IE or Safari - it looks fine and has a wide margin between the edges of the sheet. When I view it with FireFox all of the text is right up to the edges of the sheet - with no margin.
I've added padding and margin to the H2 tag and placed the entire text within a div tag.
I can't get any margin to work in FireFox. Does anyone have a fix for this?
|
| |
techtom
|
The text looks right on all my ie, chrome and firefox.
I would suggest using divs instead of a table for the images so that they can wrap with responsive design. Right now your table with images does not work well with the responsive design.
You can always download http://wordpress.org/plugins/siteorigin-panels/ and use it to do you page layouts if you are unsure about setting things up with divs.
It will allow a visual layout in the page editor and is responsive.
If you need help you can e-mail me at temp@justforblogs.com and I will give you a hand getting it set.
|
| |
Kelly
|
I still see the text with no margins on Firefox.
I also downloaded the plug in you suggested. I tried using it for the images and their titles. Take a look at it and see what happens. It looks fine until you start to shrink down the page. Then the mobile header (the name Janet R. Petrell, Artist) gets way too big and the alignment of the images is a mess.
Can you assist?
|
| |
techtom
|
This the area you are having an issues with?
I will look at responsive images. I seen the header was off from before and the other images are large but we should be able to make them wrap now.
|
| |
techtom
|
http://postimg.org/image/seeqabvy3/ not sure why my link for the image did not work above,
|
| |