- Posts: 23
- Thank you received: 0
bad starting page on smartphone
-
caland
Inactive member - Topic Author
- Member
Less
More
10 years 7 months ago - 4 years 1 month ago #36817
by caland
Replied by caland on topic bad starting page on smartphone
Great! On the starting page your help was perfect! Thank you!
Now is only the same Problem when I click on the middle Picture -> . The same problem of an horizontal alignment of Pictures and text.
Now is only the same Problem when I click on the middle Picture -> . The same problem of an horizontal alignment of Pictures and text.
Last edit: 4 years 1 month ago by milos.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 7 months ago #36818
by ivan.milic
Replied by ivan.milic on topic bad starting page on smartphone
Add this:
@media screen and (max-width: 620px){
.items-row .item{
width: 100%;
clear:both;
}
.items-row .item IMG{
max-width:100%;
}
}
@media screen and (max-width: 620px){
.items-row .item{
width: 100%;
clear:both;
}
.items-row .item IMG{
max-width:100%;
}
}
Please Log in to join the conversation.
-
caland
Inactive member - Topic Author
- Member
Less
More
- Posts: 23
- Thank you received: 0
10 years 7 months ago - 4 years 1 month ago #36829
by caland
Replied by caland on topic bad starting page on smartphone
desperate an incredible situation:
After I added your first code suggestion:
on the smartphone the initial page with the 3 pictures comes how I imagined it.
Now I added your second suggestion:
and this is the result from the first page:
It comes more better. I deleted your second suggestion with the .items-row and on the smartphone the pictures are still distorted.
I absolutely don't understand this. you?
After I added your first code suggestion:
Code:
@media screen and (max-width: 620px){
.cat-children > div {
width: 100%;
clear:both;
}
}
@media screen and (max-width: 620px){
.cat-children > div IMG{
max-width:100%;
}
}
Now I added your second suggestion:
Code:
@media screen and (max-width: 620px){
.items-row .item{
width: 100%;
clear:both;
}
.items-row .item IMG{
max-width:100%;
}
}
and this is the result from the first page:
It comes more better. I deleted your second suggestion with the .items-row and on the smartphone the pictures are still distorted.
I absolutely don't understand this. you?
Last edit: 4 years 1 month ago by milos.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 7 months ago #36836
by ivan.milic
Replied by ivan.milic on topic bad starting page on smartphone
Return that codes bask so I can inspect further
Please Log in to join the conversation.
-
caland
Inactive member - Topic Author
- Member
Less
More
- Posts: 23
- Thank you received: 0
10 years 7 months ago #36838
by caland
Replied by caland on topic bad starting page on smartphone
done
Please Log in to join the conversation.
-
caland
Inactive member - Topic Author
- Member
Less
More
- Posts: 23
- Thank you received: 0
10 years 7 months ago #36839
by caland
Replied by caland on topic bad starting page on smartphone
If you need I can send you a ftp access to the .../templates/hot_explorer directory
Please Log in to join the conversation.
Time to create page: 0.347 seconds