Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 1, 2018 at 10:29 am #906132
    Jasmer

    Hi guys,

    How do I no wrap this with quick CSS? > New York · Kansas City · Los Angeles

    On a mobile device, it wraps. I’d like it to no wrap on all mobile devices and desktop browsers.

    I tried adding this HTML, and it did no wrap but it wasn’t centered.
    <div style=”white-space:nowrap”>New York · Kansas City · Los Angeles</div>

    Thanks,

    Jas

    February 1, 2018 at 11:34 am #906226
    Nikko

    Hey Jasmer,

    Can you try using a class name instead of style, then apply the style in Quick CSS?

    Best regards,
    Nikko

    February 1, 2018 at 4:09 pm #906363
    Jasmer

    Sure can you post the CSS? Then I’ll try it. That is what I am asking for.

    Thanks,

    Jas

    February 2, 2018 at 5:35 am #906616
    Nikko

    Hi Jas,

    Can you try using this html code:

    <div class="cities">New York · Kansas City · Los Angeles</div>

    then add this css code:

    .cities {
  white-space: nowrap;
}

@media only screen and (max-width:767px) {
  .cities {
    margin-left: -7.5%;
    margin-right: -7.5%;
    font-size: 15px;
  }
}

    Hope this helps.

    Best regards,
    Nikko

    February 2, 2018 at 7:50 am #906693
    Jasmer

    Solved! Thanks Nikko! Much Appreciated! Jas

    February 2, 2018 at 8:01 am #906709
    Nikko

    Hi Jas,

    You’re welcome! Thanks for using Enfold, have a great day! :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Nowrap Special Heading Heading Text On Mobile’ is closed to new replies.