Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #695422

    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 7 years, 5 months ago by niobeer. Reason: adding
    #695870

    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

    #695929

    Here it is

    #697342

    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

    #697651

    Thank you, will try to do this way.

    I will make a post here after my attempt.

    #697795

    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

    #698158

    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 7 years, 5 months ago by niobeer.
    #698256

    Hi,

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

    Best regards,
    Yigit

    #698585

    Yes, sure

    #699760

    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

    #700377

    Thank you, Ismael!
    It works perfectly

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

    #701108

    Hi,

    try this code:

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

    Best regards,
    Andy

    #705157

    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!

    #705163

    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 7 years, 4 months ago by niobeer.
    #706201

    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

    #710571

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

    #711231

    Hi,

    Best regards,
    Andy

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