Table not showing properly on mobile - Support | Kriesi.at

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

Author

Posts
April 14, 2019 at 7:30 pm #1090698

ZeljkoMaletic
Participant

Last table column is not showing properly on responsive site. Is there is option to correct that behaviour?

April 17, 2019 at 1:25 pm #1091993
Victoria
Inactive Moderator
Hey ZeljkoMaletic,

Please try the following css:
```
@media only screen and (max-width: 767px) {
    .responsive .avia_responsive_table .avia-data-table .avia-button-row,
     .responsive .avia_responsive_table .avia-data-table tr:first-child th {
        display: block;
    }
}
```
Best regards,
Victoria
April 29, 2019 at 11:10 am #1095218

ZeljkoMaletic
Participant

Where I should I put that css?

Kr,
Zeljko

April 29, 2019 at 5:37 pm #1095361

Jordan Shannon
Inactive Moderator

Hi,

Enfold Options > General Styling > Quick css

Best regards,
Jordan Shannon

April 29, 2019 at 11:48 pm #1095518

ZeljkoMaletic
Participant

Unfortunately that didn’t solve the problem. Is there anything else to try?

April 30, 2019 at 11:02 am #1095708

Victoria
Inactive Moderator

Hi ZeljkoMaletic,

What kind of solution are you looking for?

Please attach a mockup of what you’re trying to achieve.

Best regards,
Victoria

May 2, 2019 at 1:09 am #1096281

ZeljkoMaletic
Participant

I would like all column headings to be shown. Now table don’t show third column heading.
You can check responsive version of this page https://adriatichealing.co.uk/adriatichealing/services/dentistry/implantology-and-oral-surgery/
How can I post photos here?

Regards,
Zeljko

May 3, 2019 at 1:49 pm #1096907

Victoria
Inactive Moderator

Hi Zeljko,

You can upload screenshots to a service like https://imgur.com/upload and give us the links here.

Best regards,
Victoria

May 4, 2019 at 12:06 am #1097037

ZeljkoMaletic
Participant

Here is screenshot of table on responsive site

View post on imgur.com

and here is desktop version

View post on imgur.com

I hope that’s enough to see what is problem with table.

Kind regards,
Zeljko

May 9, 2019 at 9:34 am #1098808
Victoria
Inactive Moderator
Hi Zeljko,

Thank you for clarifying.

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width:767px){
    .avia-table-1 td:nth-of-type(3):before {
        content: 'Your savings';
    }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
May 9, 2019 at 6:37 pm #1099027

ZeljkoMaletic
Participant

Victoria Thank you, this solved a problem :-)

May 9, 2019 at 10:15 pm #1099073

Jordan Shannon
Inactive Moderator

Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

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

The topic ‘Table not showing properly on mobile’ is closed to new replies.