Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2022 at 10:50 am #1346729
    Luisgasser

    Hi,

    i changed my table headline like this:

    .avia-heading-row th{
    text-transform: none;
    letter-spacing: 0px;
    color: #d20a11;
    }

    But it only works on desktops, how can i do this for mobiles too?

    @media only screen and (max-width: 767px) {
    .avia-heading-row th{
    text-transform: none;
    letter-spacing: 0px;
    color: #d20a11;
    }}

    This solution doesn’t work on mobiles

    March 31, 2022 at 1:58 pm #1346744
    Rikard

    Hey Stefan,

    Where can we see the problem you are having?

    Best regards,
    Rikard

    March 31, 2022 at 2:44 pm #1346747
    Luisgasser

    Hi, link is in pvt content.

    Thank you for helping!

    April 1, 2022 at 5:42 am #1346817
    Ismael

    Hi,

    Thank you for the update.

    The heading row is actually hidden on mobile view by default and the theme automatically adjusts the layout of the table on smaller screens so that the heading row is no longer necessary. Would you mind providing a screenshot of the issue?

    Best regards,
    Ismael

    April 1, 2022 at 11:54 am #1346852
    Luisgasser

    In pvt content is the link to my screenshot with the marked text line i need to change in bold a for example, but i can’t find the class of this text line.

    April 2, 2022 at 7:19 pm #1347010
    Mike

    Hi,
    Thanks for the link to your site and the screenshot, please try this code in the General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
.avia-table-1 td:nth-of-type(1):before {
    color: #d20a11;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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