- Posts: 99
- Thank you received: 0
Responsive layout
-
mojastran
Inactive member - Topic Author
- Member
Less
More
10 years 5 months ago #41137
by mojastran
Responsive layout was created by mojastran
Hello,
on site sanabilis.mojastran.net/ i had to change layout on home page. Instead of 3 featured articles, now there are 4 and this broke the responsivenes of the template (see screen print). How can i make template to act responsive with 4 articles on homepage?
Regards
on site sanabilis.mojastran.net/ i had to change layout on home page. Instead of 3 featured articles, now there are 4 and this broke the responsivenes of the template (see screen print). How can i make template to act responsive with 4 articles on homepage?
Regards
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
10 years 5 months ago #41151
by milos
Replied by milos on topic Responsive layout
Hello,
It looks fine on my browser now, so perhaps you managed to fix the problem.
Regards
It looks fine on my browser now, so perhaps you managed to fix the problem.
Regards
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
10 years 5 months ago #41152
by milos
Replied by milos on topic Responsive layout
Hello,
It looks fine on my browser now, so perhaps you managed to fix the problem.
Regards
It looks fine on my browser now, so perhaps you managed to fix the problem.
Regards
Please Log in to join the conversation.
-
mojastran
Inactive member - Topic Author
- Member
Less
More
- Posts: 99
- Thank you received: 0
10 years 5 months ago #41164
by mojastran
Replied by mojastran on topic Responsive layout
It looks fine on normal screen size. If you reduce the size of browser, to make template act responsive (to rearrange elements), then four featured articles don't rearrange as they are supposed to (place themselves one under another). Try reducing the browser to size of a tablet or smartphone.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
10 years 5 months ago #41169
by milos
Replied by milos on topic Responsive layout
Try adding this in the bottom of template_css.css file:
Code:
@media (max-width: 768px) {
.cols-4 div.item.column-1, .cols-4 div.item.column-2, .cols-4 div.item.column-3, .cols-4 div.item.column-4 {
width: 100%;
}
}
Please Log in to join the conversation.
-
mojastran
Inactive member - Topic Author
- Member
Less
More
- Posts: 99
- Thank you received: 0
10 years 5 months ago #41170
by mojastran
Replied by mojastran on topic Responsive layout
Thanks, that solved the problem.
I'd like to set some space between photo and text (see screen print), probably with margin.
Where can i do that?
I'd like to set some space between photo and text (see screen print), probably with margin.
Where can i do that?
Please Log in to join the conversation.
Time to create page: 0.186 seconds