Tagged: , , , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 16, 2015 at 5:24 am #474069
    asiabchk

    Thanks for help first.

    My website contains a lot of special headings & sub-heading text on homepage which is a full-width setup.

    In the case some words are too long to fit in small screen (i.e. mobile in portrait orientation), the words is cut on its right.

    May I know any solution to make the special heading & the following sub-heading responsive to small screen? e.g. shrinking the element to 100% fit the screen width without being cut.

    P.S. I applied “center” style on these special headings.

    Many thanks.

    July 16, 2015 at 11:57 am #474190
    Yigit

    Hi asiabchk!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.av-special-heading-tag {
  font-size: 24px !important;
}}

    Regards,
    Yigit

    July 21, 2015 at 11:32 am #476388
    asiabchk

    Sorry to bother. It does not work. I also tried “h1.av-special-heading-tag” as CSS selector but no luck.
    Is there any possible solution that I create an extra heading of smaller font for visible in mobile screen only?

    July 21, 2015 at 11:50 am #476397
    Yigit

    Hey!

    It should be possible using custom CSS. If you would like us to look into it, please create a temporary admin login and post it here privately.
    To hide elements on mobile, Please refer to my post here – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

    Best regards,
    Yigit

    July 22, 2015 at 3:51 am #476835
    asiabchk

    I take the approach of shown/hidden specific Avia elements on mobile/desktop, it solve my problem perfectly. Thanks so much for help, please close this post.

    July 22, 2015 at 9:05 am #476922
    Rikard

    Hi!

    Great, glad we could help :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Some words are too long to show within a special heading on mobile screen’ is closed to new replies.