1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to prevent specific text/div from becoming "mobilized?"

Discussion in 'Web Design' started by truelux, Aug 20, 2012.

  1. truelux

    truelux Regular Member

    Joined:
    Jun 16, 2011
    Messages:
    298
    Likes Received:
    91
    I have a list of <li>s that are being squished together when viewed on a mobile device. How do I make it so that these don't become indented and mobile friendly?

    For example,

    When viewing a wordpress site, the <p> text becomes paragraphed to be viewed on a mobile phone... This is fine but I don't want this applied to the <li> tags on the page.
     
  2. roamer

    roamer Power Member

    Joined:
    Dec 2, 2008
    Messages:
    500
    Likes Received:
    479
    Occupation:
    Gfx designer, vfx and mgfx
    Location:
    plɹoʍ ǝɥʇ punoɹɐ ƃuıɯɐoɹ
    Via CSS, using min-width property.

    Note: I'm assuming you aren't using a fixed width already, via the width property.
     
    Last edited: Aug 20, 2012
  3. jazzc

    jazzc Moderator Staff Member Moderator Jr. VIP

    Joined:
    Jan 27, 2009
    Messages:
    2,468
    Likes Received:
    10,148
  4. Lazlo1967

    Lazlo1967 Junior Member

    Joined:
    Aug 15, 2012
    Messages:
    198
    Likes Received:
    54
    If it's a WordPress site there are a number of good plugins that can detect a mobile browser and allow you to setup which content they see and how it should be formatted.