Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 16, 2015 at 6:25 pm #460255
    davegeipel

    Having an issue using a table to display a chart of results. I have a few section headers I want to underline, however, it’s not displaying proper on mobile. Works great on the main site (desktop version) but mobile version shows the following code and not the proper markup:

    <span style=”text-decoration: underline;”>…….. </span>

    Do I need to add something to the Quick CSS to accommodate?

    June 17, 2015 at 6:29 am #460558
    Rikard

    Hi Daveid!

    Could you try to assign a class to your span instead and then do the CSS in Quick CSS under Enfold–>General Styling instead to see if that helps? Like so:

    <span class="my-class">…….. </span>

.my-class {
text-decoration: underline;
}

    If that doesn’t work then please provide us with a temporary admin login so that we can have a closer look. You can post the details here as a private reply.

    Regards,
    Rikard

    June 17, 2015 at 5:04 pm #460878
    davegeipel

    1) No that didn’t work. I added
    .under—line {text-decoration: underline;} – Quick CSS
    <span class=”under-line”> </span> – Added around sections.
    2) The href tag still shows (I removed all underlining code I had before and it still shows the HTML – the links as code not links) – Still visible on the homepage.
    3) Something bigger is happening with the table too when it goes to mobile version. The order within the column is messed up. It should be:

    PENNSYLVANIA REAL ESTATE
    Berks County Real Estate
    TOTAL LISTINGS
    3615
    NEW (this week)
    ###
    NEW TODAY
    ###

    Bucks County Real Estate
    TOTAL LISTINGS
    5271
    NEW (this week)
    ###
    NEW TODAY
    ###

    ETC….

    The desktop version looks as intended. The MOBILE version is messed up. I think it’s the Avia Layout too for TABLES.

    While I would give you credentials, this appears to be your entire table that’s messing things up. Try to duplicate in a fresh install.

    June 18, 2015 at 7:22 am #461129
    Rikard

    Hey!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Best regards,
    Rikard

    June 18, 2015 at 5:33 pm #461468
    davegeipel
    This reply has been marked as private.
    June 19, 2015 at 7:17 am #461700
    Rikard

    Hi!

    It looks like your custom code is not going to work like that, could you remove the html markup and we can help you out with styling for both desktop and mobile?

    Cheers!
    Rikard

    • This reply was modified 9 years, 5 months ago by Rikard.
    August 27, 2015 at 6:19 am #493928
    codemode

    Hi – same issues here. CSS code shows up in table header on mobile only. Was there a fix? Thanks!

    August 27, 2015 at 2:37 pm #494175
    Rikard

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    August 27, 2015 at 2:45 pm #494182
    davegeipel

    Hey @codemode. The feedback I received when they checked our code was the use of other short code we used… But you still get issue trying to mark up the table just using css or html. Unless you strictly use their basic style, it’s a useless element. Hope they see through yours this needs to be addressed. Thx.

    August 27, 2015 at 11:39 pm #494561
    codemode

    See the table on the page in private section.

    In order to use inline CSS within a table cell so that the code does not show up on mobile, you have to use the table as a pricing table (not tabular data). The problem is that I need to style some text within a table using it in the tabular data format – and make it responsive (not scrollable).

    For example: In a default row, I want red text on a white bg within a cell.

    I suppose Quick CSS would fix, but wasn’t sure based on the convo above.

    I only tried inline CSS as a quick fix, but would be great to include color options (like the other elements) as a quick override to the default scheme in a future release :)

    August 28, 2015 at 10:49 am #494739
    Ismael

    Hey!


    @codemode    : It’s not advisable to use html codes inside the default table element due to this bug. You can, however, create the table manually in a text or codeblock: http://www.w3schools.com/html/html_tables.asp

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.