Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • September 22, 2015 at 9:34 am #506850
    gianmarizzi

    Hi all,
    I’ve noticed that on responsive mode the heading row of a table shows the tag “strong”, as you can see:

    Heading row on responsive mode

    September 22, 2015 at 12:02 pm #506933
    Rikard

    Hi Gian Maria,

    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. Please make sure you are running the latest version of the theme, 3.3.2.

    Thanks,
    Rikard

    September 22, 2015 at 12:06 pm #506939
    gianmarizzi

    Sure, it’s the latest version.
    Please find credentials below.

    September 22, 2015 at 1:57 pm #507026
    Rikard

    Hey,

    Thanks for the details but they don’t seem to work, could you check please?

    Best regards,
    Rikard

    September 22, 2015 at 2:04 pm #507034
    gianmarizzi

    Try the password below.

    September 22, 2015 at 2:35 pm #507064
    Andy

    Hi!

    ehm where is the link to login?

    Regards,
    Andy

    September 22, 2015 at 2:41 pm #507072
    gianmarizzi

    sorry.

    September 22, 2015 at 5:41 pm #507256
    Elliott

    Hi!

    Also can you provide a link to the exact page please? I tried navigating around your menu but I could not find the tables.

    Cheers!
    Elliott

    September 22, 2015 at 8:59 pm #507336
    gianmarizzi

    Here you are. Thanks.

    September 22, 2015 at 9:32 pm #507357
    Basilis

    Hi!

    can u please try a table on a single row and not on columns, and let us know how that works?

    Cheers!
    Basilis

    October 5, 2015 at 9:50 am #513571
    gianmarizzi

    Hi,
    sorry about delay.
    I did what you suggested but if I create only a single row it disappears when I got in mobile view.

    October 5, 2015 at 5:11 pm #513939
    Elliott

    Hi!

    Remove the strong tags from your headings and add this to your custom CSS.

    th { font-weight: bold !important; }

    Cheers!
    Elliott

    October 7, 2015 at 8:49 am #514995
    gianmarizzi

    Hi,
    I did what you suggested but something weird is stil happening.
    In mobile view, the TH is repeated above every row and what’s more it’s not bold but italic.
    See screenshots:

    Desktop view
    Mobile view

    October 7, 2015 at 4:59 pm #515366
    Elliott

    Hi!

    Use this to set the weight on mobiles.

    td::before { font-weight: bold !important; font-style: none !important; }

    The reason the heading is getting repeated for each item is because you only have one heading set (that’s not how tables are supposed to be used), instead for what your doing a list element would be better. I would try combining the four tables into one.

    Cheers!
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    October 8, 2015 at 2:12 pm #515798
    gianmarizzi

    Ok, thanks for support, I try what you suggest.

    October 8, 2015 at 2:15 pm #515804
    Yigit

    Hi!

    Please do so and let us know so we can mark the thread as resolved or assist you further :)

    Regards,
    Yigit

    October 8, 2015 at 2:38 pm #515818
    gianmarizzi

    Ok, I did 4 list elements with a text block as title.
    it works.
    Thanks.

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Heading Row shows tag on responsive mode’ is closed to new replies.