block view wrong on phones
Permalink
Hi, I am just new here, and spend my weekend creating a test version of my website. The result is ok, but I have a problem with showing blocks in the right way on phones and tablets. I am just a user and don't want to program or do things with html etc.
What exactly is happening is that blocks which are standing side by side are not shown beneath each other on the phone or tablet.
The strange thing is that I have three blocks on my homepage which looks good on a desktop and also on a phone or tablet. But on another page where I divided the space in 2 columns it appears also divided over the small width of the phone and not beneath each other.
Why is this happening and can I fix that easy without programming?
1. the page where it is working correct is :http://test.workshop-ukelele.nl/...
2. the page where it is not working correct is:http://test.workshop-ukelele.nl/contact...
Anyone here who can help me?
Thanks, Stefan.
What exactly is happening is that blocks which are standing side by side are not shown beneath each other on the phone or tablet.
The strange thing is that I have three blocks on my homepage which looks good on a desktop and also on a phone or tablet. But on another page where I divided the space in 2 columns it appears also divided over the small width of the phone and not beneath each other.
Why is this happening and can I fix that easy without programming?
1. the page where it is working correct is :http://test.workshop-ukelele.nl/...
2. the page where it is not working correct is:http://test.workshop-ukelele.nl/contact...
Anyone here who can help me?
Thanks, Stefan.
On the page you divided into 2 columns, I believe you used Free-Form Layout instead of Twitter Bootstrap. This positions the blocks side by side at all screen widths.
Create a new 2 column Twitter Bootstrap layout. Move the blocks from the Free-Form Layout into the Twitter Bootstrap layout, then delete the Free-Form Layout.