Okay
  Public Ticket #928208
Header tags wrapping on mobile
Closed

Comments

  •  2
    Adam started the conversation
    October 20, 2016 at 4:08pm

    I'm having an issue with the h2 text wrapping on mobile devices.  In fact the issue also happens on your demo site at (http://themenectar.com/demo/salient-promo/).  I'm reviewing on an iPhone 7 Plus and the h2 title "Stunning Looks & Functionality" is being cut off.  Everything else wraps fine.  If you scroll down the page you'll also notice that the title "Design is the paradise of individuality, eccentricity, abnormality, and humors." is also being cut off.

    Any assistance you can provide would be appreciated.  Thanks!

  •  8,996
    Tahir replied
    October 20, 2016 at 5:03pm

    Hey Adam,

    You need to adjust your Heading 2 and Heading 5 Font Sizes in the Salient Theme Options Panel -> Typography Section . 

    If it doesnt work use the Below CSS. 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .col h2 {
        font-size: 24.7px !important;
        line-height: 40.8px !important;
    }

    .col h5 {
        font-size:18.7px !important;
        line-height: 40.8px !important;
    }
}

    Thanks 

    ThemeNectar Support Team 

  •  2
    Adam replied
    October 20, 2016 at 6:21pm

    Adding the custom CSS worked.  Thanks!