Column Issue

Hi Guys,

Having trouble with columns in this grid, it won’t go to three columns as it should…

http://modocom.ca/2014

Also, the parallax in between doesnt start where the image should like on my desktop but when I go to expand the window just a touch it resets to work correctly. How can I easily fix this?

Another thing on smaller screen my text on the first section gets all cut off why is this?

Can I have the far left be a fixed div, basically similar to what I achieved here just updating it alot…

http://modocom.ca/

My last question would be is there a way to shorten the white areas while leaving the picture images 100px; I tried to but it didnt and when I changed it from a section to a div it just screwed everything up.

Also when screen is larger on first white screen theres a huge gap at the beginning but as mentioned when smaller text and logo get cut off lol

Thanks,

Mike

Figured out the column issue, now just the other issues going on with it.

In that one spot where I say 100px above I mean 1000px sorry typo just noticed it.

Thanks,

Mike

If you are talking about the nav the text will overlap on small screens because you have given a height to the element and therefore it just wraps on top of the next line.

remove the height from here:


.navigation ul li a{}

Can I have the far left be a fixed div, basically similar to what I achieved here just updating it alot…

If you make that element position:fixed then all the text content underneath will just scroll on top of it. In your other site you have no other content in that first column but in this site you have 3 columns of text underneath which will just scroll on top of the nav.

I’m afraid I didn’t understand any of the other questions :slight_smile: Those parrallax sites all look broken to me so I wouldn’t know what to fix first :slight_smile: