Bug in responsive in my Homepage tables - Support | Kriesi.at

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
February 2, 2015 at 10:38 am #389228

Tahelprjcts
Participant

Hi,

I have a bug in my tables when I open it with Iphone.
You can see a screenshot here of the bug
Here is the link of my website
Can you help me?
Thanks a lot

February 2, 2015 at 5:37 pm #389477

Elliott
Inactive Moderator

Hey Lev!

It looks like you forgot to include the link and your screenshot.

If doing this does not help, https://kriesi.at/support/topic/bug-table-headers-applied-incorrectly-on-media-query/, then include the screenshot and link to your page and we’ll take a look.

Best regards,
Elliott

February 2, 2015 at 5:50 pm #389493

Tahelprjcts
Participant

Sorry that’s weird, here it is:
Link of my website:
Here is a screenshot link of my bug on my iphone

Thanks !!

February 2, 2015 at 5:52 pm #389497

Tahelprjcts
Participant

I pasted the link again but it seems that it does not work !!!

Here Im trying again:

Link of my website
http://www.ia-patrimoine.com/

Screenshot Link of my bug
http://screencast.com/t/FcnBf9QIVg

February 3, 2015 at 7:37 pm #390309
Elliott
Inactive Moderator
Hey!

Try dragging a codeblock element to your page content and add this inside.
```
<style type = "text/css">
.responsive td { width: 100% !important; }
</style>
```
Cheers!
Elliott
February 10, 2015 at 4:14 pm #393744

Tahelprjcts
Participant

Great !!!! Thanks lot!!! that worked !!!!!!!!!!!
You’re genius ! :)

February 10, 2015 at 4:20 pm #393750

Tahelprjcts
Participant

Thats working well on my iphone but now the size of my tables in web changed a little bit
Check my screenshot http://screencast.com/t/U7czLPt7

Is there something I can add into the code block to get all the squares de same size??
Please let me know
THANKS

February 11, 2015 at 6:59 pm #394595
Elliott
Inactive Moderator
Hi!

Try this instead.
```
<style type = "text/css">
@media only screen and (max-width: 767px) {
.responsive td { width: 100% !important; }
}
</style>
```
Regards,
Elliott
February 12, 2015 at 8:44 am #394858

Tahelprjcts
Participant

Hi,
this is not working at all!
My website is fine but on my iphone this is still no responsive..
How come?
Any ideas?

February 12, 2015 at 9:35 am #394868

Tahelprjcts
Participant

Is there a way to show them up in my iphone in 2 tables like this:

http://screencast.com/t/PuNl5K8q3e1

Please let me know.
I really want to solve this issue for my users on Iphone.

Thanks a lot !
Have a great day !!

February 13, 2015 at 11:19 am #395582
Ismael
Moderator
Hi!

You can try this on the Quick CSS field:
```
@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td {
position: relative;
float: left;
width: 33.33%;
min-height: 123px;
}}
```
Cheers!
Ismael
February 18, 2015 at 11:40 am #398025

Tahelprjcts
Participant

Great!! Thank you for you help that worked :)
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Bug in responsive in my Homepage tables’ is closed to new replies.