- Posts: 16
- Thank you received: 0
Blog layout with 3 Rows does not behave responsive
-
hews
Inactive member - Topic Author
- New Member
Less
More
10 years 2 months ago - 10 years 2 months ago #43181
by hews
Blog layout with 3 Rows does not behave responsive was created 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
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: 10 years 2 months ago by hews.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
10 years 2 months ago #43195
by milos
Replied by milos on topic Blog layout with 3 Rows does not behave responsive
Hello,
Please edit file template_css.css and at the bottom of this file, in this part:
add this:
Thanks
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
Less
More
- Posts: 16
- Thank you received: 0
10 years 2 months ago - 10 years 2 months ago #43201
by hews
Replied by hews on topic Blog layout with 3 Rows does not behave responsive
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
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: 10 years 2 months ago by hews.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
10 years 2 months ago #43204
by milos
Replied by milos on topic Blog layout with 3 Rows does not behave responsive
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
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.153 seconds