COMMUNITY FORUM
Category view same as item view
- Daily Deals UK
- Topic Author
- Offline
- Junior Member
Less
More
7 years 11 months ago #158420
by Daily Deals UK
Category view same as item view was created by Daily Deals UK
Hi,
I used the float: right; attribute in span.catItemImage so that the image and text were aligned which worked (so I thought)
On the desktop it's fine but I just checked on Iphone and in Category view the image stays large so the text is squashed at the side, whereas in item view the image scales.
Basically I want the category view to be the same as item view, any one got any ideas please?
Link: dailydealsblog.co.uk
I used the float: right; attribute in span.catItemImage so that the image and text were aligned which worked (so I thought)
On the desktop it's fine but I just checked on Iphone and in Category view the image stays large so the text is squashed at the side, whereas in item view the image scales.
Basically I want the category view to be the same as item view, any one got any ideas please?
Link: dailydealsblog.co.uk
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
- Offline
- Platinum Member
Less
More
- Posts: 15920
7 years 11 months ago #158424
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Category view same as item view
Hello,
On android it appears fine, the required style is present,
Furthermore the images are only 200px so they will always fit in a mobile browser.
On android it appears fine, the required style is present,
img {
max-width: 100%;
}
Furthermore the images are only 200px so they will always fit in a mobile browser.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Daily Deals UK
- Topic Author
- Offline
- Junior Member
7 years 11 months ago #158426
by Daily Deals UK
Replied by Daily Deals UK on topic Category view same as item view
I am looking in Iphone and here's the difference:
http://imgur.com/a/z7JVk
http://imgur.com/a/2Retm
I want it to look like the 2nd one in Iphone and Android
http://imgur.com/a/z7JVk
http://imgur.com/a/2Retm
I want it to look like the 2nd one in Iphone and Android
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
- Offline
- Platinum Member
Less
More
- Posts: 15920
7 years 11 months ago #158434
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Category view same as item view
You need to set the maximum width at 100px bellow a certain viewport
@media screen and (max-width: 400px){
span.catItemImage img { max-width: 100px }
}
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Daily Deals UK
- Topic Author
- Offline
- Junior Member
7 years 11 months ago #158436
by Daily Deals UK
Replied by Daily Deals UK on topic Category view same as item view
Yeah that's worked, thanks for your time. (again)
Claire :)
Claire :)
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
- Offline
- Platinum Member
Less
More
- Posts: 15920
7 years 11 months ago #158438
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Category view same as item view
You 're welcome :)
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.