Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 5, 2018 at 9:42 am #1018191
    KaJoHa

    Hi there,
    i am using a table with one headline row and one standard row.
    On desktop the headline row appears with text-transform uppercase wich looks fine. When the table swiches to mobile view – all rows among themselves – the headlines appear very small and in italic font. Can you please give me the class to change this?

    Please see link in private content. Because of the maintenance plugin i can only give you the skip link to the homepage. Please go then to “winter – eisklettern”

    Thank you
    Katharina

    October 6, 2018 at 5:39 am #1018389
    Rikard

    Hey Katharina,

    I couldn’t see a table on the page in private, I might be missing something though? Could you post a screenshot of the element or try to explain a bit further please?

    Best regards,
    Rikard

    October 8, 2018 at 8:18 pm #1019196
    KaJoHa

    please see the link to screenshots in privat content.

    i’d like the table headline-row on mobile and tablet portrait look the same as on desktop device.

    thank you
    Katharina

    October 9, 2018 at 6:21 am #1019343
    Rikard

    Hi Katharina,

    Thanks for the screenshot, though I still can’t see that element on the page I linked to. On which page can we see the element in question?

    Best regards,
    Rikard

    October 9, 2018 at 8:24 am #1019386
    KaJoHa

    Hi,

    you have to go to Winter->Eisklettern (drop down menu). The you have to scroll al little bit

    thank you
    katharina

    October 9, 2018 at 12:08 pm #1019437
    Rikard

    Hi Katharina,

    Thanks, I was looking at the wrong page, it’s always a good idea if you link directly to where we can see the element in question. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td:before {
    display: block;
    font-style: none;
    font-size: 16px;
    text-transform: uppercase;
}
}

    Best regards,
    Rikard

    October 9, 2018 at 2:19 pm #1019513
    KaJoHa

    Hi,

    i know, but the maintenance plugin i am using (ignite up) only allows me to send a skip link zu the homepage. If i send a link directly to another page, it would lead you to maintenance site. Sorry for that.
    Unfortunatelay, the code doesn’t work….

    October 10, 2018 at 5:23 am #1019758
    Rikard

    Hi,

    Ah ok, no problem :-) Just try to do it when you can.

    Where are you placing the code? I can’t see it applying on my end. Please make sure that it’s at the very top of the Quick CSS box and that you regenerate files under Enfold->Performance if you are using file compression. If that doesn’t help then please post admin login details so that we can have a closer look.

    You could also try to use important in the CSS:

    @media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td:before {
    display: block;
    font-style: none;
    font-size: 16px !important;
    text-transform: uppercase !important;
}
}

    Best regards,
    Rikard

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