Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 5, 2016 at 12:10 pm #695422
    niobeer

    Hello, dear support!

    1. I have a problem with mobile behavior of tables in tabs.
    I just copied html of tables and pasted it in tab, in desktop it is ok (actually 3 tables in one grid row element).
    But when i open it in mobile i have double heading (one at top and one in a price row) with coursive.

    2. in a tab # 2 I inserted the shortcode of simple calculator, but it disappeared on mobile devices. But sometimes it appears, how can I make it stable and to show all the time.

    How can i fix it?
    Thank you.

    have something to add…

    <style type=”text/css”>.avia-table-1 td:nth-of-type(1):before { content: ‘Bronze website’; } </style></div>

    what is it? if i delete it heading row disappears.

    • This topic was modified 8 years, 2 months ago by niobeer. Reason: adding
    October 6, 2016 at 7:14 am #695870
    Rikard

    Hi Serge,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    October 6, 2016 at 9:02 am #695929
    niobeer

    Here it is

    October 10, 2016 at 2:21 pm #697342
    Yigit

    Hi,

    Please create your table using Table element under Content Elements tab of Advanced Layout Builder and choose to display it as scrollable on mobile – http://i.imgur.com/vmjHvki.png

    Then You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Best regards,
    Yigit

    October 11, 2016 at 7:36 am #697651
    niobeer

    Thank you, will try to do this way.

    I will make a post here after my attempt.

    October 11, 2016 at 1:04 pm #697795
    Yigit

    Hi,

    Sure. We will keep the thread open and wait to hear from you. Thread will be on hold until you reply :)

    Best regards,
    Yigit

    October 12, 2016 at 7:03 am #698158
    niobeer

    Thank you for your work!

    i did it scrollable and it looks nicer!

    but how can I separate 3 tables in mobile view I mean there is no any gap now. and it looks like one table.

    • This reply was modified 8 years, 2 months ago by niobeer.
    October 12, 2016 at 1:55 pm #698256
    Yigit

    Hi,

    Your page is password protected. Can you please post the password here privately as well? :)

    Best regards,
    Yigit

    October 13, 2016 at 6:38 am #698585
    niobeer

    Yes, sure

    October 17, 2016 at 4:24 am #699760
    Ismael

    Hi,

    but how can I separate 3 tables in mobile view I mean there is no any gap now. and it looks like one table.

    Please add the following code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    #gridrow .flex_cell {
        padding-bottom: 50px !important;
    }
}

    Best regards,
    Ismael

    October 18, 2016 at 6:18 am #700377
    niobeer

    Thank you, Ismael!
    It works perfectly

    and i cant make heading row be the same color as pricing row

    October 19, 2016 at 10:44 am #701108
    Andy

    Hi,

    try this code:

    #top .main_color  .avia-data-table.avia_pricing_minimal
th {
background: #d19a6e !important;
}

    Best regards,
    Andy

    October 28, 2016 at 6:57 am #705157
    niobeer

    Thank you it works for all headings. But I need same colors for heading row as for pricing row.
    I mean for bronze, silver, gold different colors like in pricing rows.

    I tried to put your code to my custom objects but it is useless for me.

    Is it possible to make it as I want?

    Thank you in advance!

    October 28, 2016 at 7:08 am #705163
    niobeer

    Also I have pointed one problem with tabs:

    When I open main page it is ok, but when i open 3rd tab with web design and reload the page with #tab-id-3 opened it looks bad and I cant open tabs anymore. But if I reload main page without #tab-id-3 it’s ok again. How Can I fix it?

    • This reply was modified 8 years, 1 month ago by niobeer.
    October 31, 2016 at 3:10 pm #706201
    Andy

    Hi,

    please open different tickets for different problems, although they seem related to you. It would be much easier for us and you would get much faster solutions this way.

    To control background color for pricing row use this code:

    tr.avia-pricing-row {
background-color: red !important;
}

    Remove any other code you’re using for pricing row, to avoid any conflicts.

    Best regards,
    Andy

    November 10, 2016 at 8:29 am #710571
    niobeer

    thanks, but it is common set up for all pricing-row

    November 11, 2016 at 4:24 pm #711231
    Andy

    Hi,

    Best regards,
    Andy

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Tables in tabs problem’ is closed to new replies.