Okay
  Public Ticket #570468
HomePage Responsive Text
Closed

Comments

  • Courtney started the conversation
    October 29, 2015 at 7:50pm

    On the homepage I am using inline css to control the text color size and spacing. But I am not sure if I am breaking the lines correctly because when I resize the browser to see how it will look on mobile, the text overlaps.

    I put this code in the "Caption" section of the Nectar Slider module. 

    <H1><span style="font-size: 50px !important; color: #27393b;">We Make</span> <br><br><br> <br>
<span style="font-size: 50px !important; color: #ffffff;"> Brands </span><span style="font-size: 50px !important; color: #27393b;"> Memorable </span> <br><br><br> <br>
<span style="font-size: 50px !important; color: #27393b;"> Wineries </span><span style="font-size: 80px !important; color: #eb4f73;">Profitable </Span> </h1>
  •  9,131
    Tahir replied
    October 30, 2015 at 3:37pm

    Hey ,

    Remove the !important in the inline css : http://prntscr.com/8x0nv3 .

    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) {
    .swiper-slide h1 span {
        font-size: 40px !important;
    }
}

    ThemeNectar Support Team 

  • Courtney replied
    October 30, 2015 at 3:49pm

    Agh Thanks!