Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 14, 2024 at 11:11 am #1430030
    schweg33

    Hello everyone
    I have created a gallery here
    link below

    the individual galleries are labeled in the table
    now my question
    when I display this link on mobile, the font is much too big
    can i specify with a css code that the font can be displayed mobile in px?

    thanks
    kind regards Franz

    January 14, 2024 at 1:34 pm #1430040
    Mike

    Hey schweg33,
    Thank you for the link to your site, but it looks like we won’t be able to see your elements without a login.
    What font size do you want to use for mobile?

    Best regards,
    Mike

    January 14, 2024 at 2:22 pm #1430044
    schweg33

    hey mike
    thanks for your quick reply

    sorry
    I have now activated the page

    I think that you could make it that I later the size
    can change

    kind regards
    Francis

    January 14, 2024 at 2:26 pm #1430046
    Rikard

    Hi,

    Thanks for the update. The page is still password protected, please let us know if you should need any further help.

    Best regards,
    Rikard

    January 14, 2024 at 2:28 pm #1430048
    schweg33

    sorry

    January 14, 2024 at 2:44 pm #1430050
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
	.avia-table a {
		font-size: 12px;
	}
}

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

    Best regards,
    Mike

    January 14, 2024 at 3:12 pm #1430051
    schweg33

    Thank you Mike that fits perfectly

    Could you also adjust the line spacing

    kind regards
    Franz

    January 14, 2024 at 3:36 pm #1430052
    Mike

    Hi,
    It looks like you made an error in your css, you wrote 14x; it should be 14px;
    Enfold_Support_4468.jpeg

    Best regards,
    Mike

    January 14, 2024 at 3:54 pm #1430054
    schweg33

    thanks mike that’s a great service
    the question about the line spacing

    is especially important here
    link below

    I have removed the password

    thanks
    kind regards
    Franz

    January 14, 2024 at 4:17 pm #1430059
    Mike

    Hi,
    Try this css instead where the line height matches the font size:

    @media only screen and (max-width: 767px) { 
	.avia-table a {
		font-size: 16px;
	}
	.avia-table li {
		line-height: 16px;
	}
}

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

    Best regards,
    Mike

    January 14, 2024 at 4:29 pm #1430060
    schweg33

    Hello Mike
    thank you very much
    A super support

    you can close this request

    kind regards

    Franz

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘text in the table mobile smaller’ is closed to new replies.