-
Posts
-
I have created a table and it looks fine in desktop screen, but when the displayed on a iphone it does some strange things with shifting the columns around. I tinkered with changing the heading and description settings and the closest I get to it working is when I leave the header record set to Heading but leave the leftmost column set to Default. The problem is that while it does not shift the data in the columns any longer, and it includes all of the columns, it does not include the header for the last two.
The table is set up as follows (the row with Age Group is the header:
Age Group – Monday – Tuesday – Wednesday – Thursday – Friday – Saturday – Sunday
3-6
6-12
13+Saturday and Sunday Column labels do not show up in responsive mode.
Hey shaggym!
Can you please post the link to your website? Which version of the theme are you using? If not the latest 3.4.1, please update Enfold to the latest version firstly – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Cheers!
YigitI have not gotten any feedback on this – I am still experiencing the same issues – for some reason ONLY the last two column heads do not show up in responsive mode – they show up on the desktop, and the date in the cells below that column shows up fine – as I mentioned it is the last two days of the week – Saturday and Sunday that don’t show up. Is there some bug that prevents a certain number of headings from being displayed. I am having to actually add the heading data into the cell data to “fake” it so that it appears on mobile devices – but it looks absurd on a desktop app since the header for Sunday appears and then it says Sunday again in the cells. Please help
Hey!
as already mentioned by Yigit: We need a link, where we can see the issue you are talking about.
You can post the link into private content field, if you wish.
Regards,
AndyI have included the link in the private content section since this is a staging site. You can see that there are two tables – both with the same content – the first one which is how we wanted it set up displays everything all shifted in strange places in responsive mode and is pretty much unusable. The second one is the one where Saturday and Sunday do not appear. If you go to the responsive site, you will see Saturday and Sunday, but only because I had to duplicate the content by placing it not only in the header but in the cell itself – you can see that the font is different for Saturday and Sunday as result of it assuming the font characteristics of the cell content vs the header content. Thanks for looking into this. Really need help on this.
Hi!
try this code in Quick CSS field for your first table:
.avia-table-1 td:nth-of-type(7):before { content: 'Saturday'; } .avia-table-1 td:nth-of-type(8):before { content: 'Sunday'; }Regards,
AndyThank you – that fixed the shifting of the columns on the responsive site, but did not fix the issue where the column heads for Saturday and Sunday were failing to show up in the table….that problem still persists – so progress, but not a solution…thoughts on the failure of those column heads to show up?
Hi!
not sure what you mean, because the code I provided to you is not for shifting anything, but for showing “Saturday” and “Sunday” in your table. It does work for me. Can you provide us admin access, so we can take a deeper look into it? post login details here as private reply.
Regards,
AndyHi!
not sure what you mean, because the code I provided to you is not for shifting anything, but for showing “Saturday” and “Sunday” in your table. It does work for me. Can you provide us admin access, so we can take a deeper look into it? post login details here as private reply.
Regards,
AndyI put admin creds in private area – basically, the code shifted all of the columns so that the data appears under the correct column heading – which it was not doing before…but Saturday and Sunday still do not appear in the first of the two tables – I just cleared the cache on my phone to make sure – it appears fine on the desktop, just not on the responsive site
Hey!
can you provide us a login url as well please I tried the one in private content but did not work.
Regards,
AndyHey!
that link does not work for me neither. Can you check please and provide us a correct login url?
Regards,
AndyHey!
the code you implemented in your Quick CSS was not the one I provided you. I added this at the bottom:
.avia-table-1 td:nth-of-type(6):before { content: 'Saturday'; } .avia-table-1 td:nth-of-type(7):before { content: 'Sunday'; }and now it’s working fine for me. Can you confirm please?
Regards,
AndyThats strange because I copied it out of the last posting but – in any case, what you just did seems to work! Awesome – thanks so much for staying on top of this.
- The topic ‘Table in Enfold Theme Not Displaying Correctly when in responsive mode’ is closed to new replies.