Blog layout with 3 Rows does not behave responsive

  • hews
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 4 months ago - 9 years 4 months ago #43181 by hews
Hello,

Does the article-blog of this theme only work with one column?
Because when I change the number of columns from 1 to 3 the site does not work on mobile devices.
I would expect that the articles will stand one under the other. But they stand next to each other:

www.your-website-service.de/index.php/blog
Dou you have got an idea for me?

Thank you in advance,

Hews
Last edit: 9 years 4 months ago by hews.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 years 4 months ago #43195 by milos
Hello,

Please edit file template_css.css and at the bottom of this file, in this part:
Code:
@media (max-width: 767px) { .... }

add this:
Code:
.row-fluid .span4 { width: 100% !important; }

Thanks

Please Log in to join the conversation.

  • hews
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
9 years 4 months ago - 9 years 4 months ago #43201 by hews
Hi milos,

Thank you for your advice.

A big difference now for iPhone. Here everything is alright now!

But on iPad I still have a problem.

Both at landscape view and at vertical view the articles of the block stand next to each other. There is enough place to stand next to each other. But the articles are not wide enoug. Only twó or three words in one row !?

Ypu cancheck it out here:
www.your-website-service.de/index.php/massageangebot


You can simulate the effect when you change the size of the internet-explorer-window.

Thank you,
Hews
Last edit: 9 years 4 months ago by hews.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
9 years 4 months ago #43204 by milos
Hello,

Since you added the styling below the @media (max-width: 767px) line, it will be applied only for screens that has LESS THAN 767 pixels width.

iPad has 768px in vertical mode. So, if you want this style to be applied there as well, you can add css code below line @media (max-width: 979px)

Thanks

Please Log in to join the conversation.

Time to create page: 0.172 seconds
Powered by Kunena Forum