VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Images in table into article with responsive view
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Images in table into article with responsive view

Images in table into article with responsive view 14 Jan 2016 15:14 #7953

I'm sorry for the long title, but it perfectly explains what i'm looking for.
Inside an article i've got a table that contains several images.
I used this trick to perfectly align all the images inside my page.
The problem comes when i used the responsive design looking, for example from my phone.
The image should go one below the other but as I supposed it doesn't work......any ideas for align images without using tables?
Thank you very much

Paul
Last Edit: 14 Jan 2016 15:15 by creative4case.

Re: Images in table into article with responsive view 15 Jan 2016 03:00 #7956

Can you please send me your page?

joomfreak

  • Posts:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Images in table into article with responsive view 18 Jan 2016 03:21 #7966

You can edit templates/jf_creativia/css/template.css, add:
 
table {
max-width: 100%;
}
 
@media screen and (max-width: 600px) {
table, table tboby, table tr, table td {
display: block;
}
}
 


joomfreak
The following user(s) said Thank You: creative4case

  • Posts:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.70 seconds
Tuesday 16 April 2024

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.