Changing Font On Banner (for desktop, tablet, and phone)

  • Resolved tarasenko91

    (@tarasenko91)


    5 years, 11 months ago

    Hi thank you for this great Theme!

    I have successfully removed the “hidden” css that hides the Description in the Banner section in Tablet and Mobile mode. On all 3 platforms I can see the Title and Description in the Banner.

    Problem is my description is long. It looks great on desktop, but in tablet and iphone the words go beyond the banner. It is not responsive…

    How can I change font size for specific system types? (I think it is Min Width and Max Width? But I cannot find the exact code in css)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • HI tarasenko91.

    Thank you for contacting us and for using our theme, we appreciate it.

    It would help if you’d have posted the URL to your website but this is the CSS that controls that part of text if I understood you correctly:

    @media (min-width:320px){
    .frontpage-banner.image-banner p {font-size: 18px;}
}
@media (min-width:360px){
    .frontpage-banner.image-banner p {font-size: 12px;}
}
@media (min-width:480px){
    .frontpage-banner.image-banner p {font-size: 18px;}
}
@media (min-width:768px){
    .frontpage-banner.image-banner p {font-size: 20px; font-weight:bold;}
}

    Feel free to modify px value and paste the code to Appearance -> Customize -> Additional CSS.

    If you have any additional questions, feel free to ask.

    Kind regards.

    Thread Starter tarasenko91

    (@tarasenko91)

    It worked! Thank you so much!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Font On Banner (for desktop, tablet, and phone)’ is closed to new replies.

Tags