Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 7, 2014 at 4:29 am #233553
    graphico

    hi there, great theme!

    i have a promo box on my home page. the text is in h2, and the word is not displayed fully: the word restoration is cut on mobile phones as you can see.
    picture: promo box text cut

    website: http://restorationxpress.com/www/ (promo box is below).
    the code: 

    <h2>About Restoration Xpress</h2>
Restoration Xpress is a locally owned and operated company, based in Davie, FL. We will work with you every step of the way, offering the best in Florida water damage repair, mold remediation and fire damage clean up as well as direct insurance billing to save you money and reduce stress.

    my settings

    in the quick css i have this code that i found here on the forum, but this code doesn’t seem to cause the problem (i use it to reduce the padding):

    .av_promobox {
padding: 15px 20px;
}

    can you please point me to a solution? thank you, eynav.

    March 7, 2014 at 4:56 pm #233832
    Yigit

    Hi graphico!

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

    @media only screen and (max-width: 480px) {
.template-page .entry-content-wrapper h2 { 
font-size: 24px; }}

    Cheers!
    Yigit

    March 9, 2014 at 6:30 pm #234415
    graphico

    thank you! it works

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘promo box responsive issue’ is closed to new replies.