Bullets in archive

• 

  femke1984 · Member · Jul 23, 2015 at 8:39 pm

  • Copy link
  • Add topic to favorites

  I created a page with an index of my recipes. There’s a bullet before every recipe name. Each recipe name also fits in one line. When I look at the recipe page on my ipad or laptop, the bullets are correctly displayed (before every recipe name). But, when I look at the recipe page on my iphone, the names of the recipes do not fit in one line and are splitted up over two lines. The bullets are displayed at every second line of a recipe name,but it had to be on the first line. Is this a problem I can resolve?

  The blog I need help with is: (visible only to logged in users)

• 

  darrellschulte · Member · Jul 23, 2015 at 9:07 pm

  • Copy link

  Hi femke1984,

  I’m not entirely sure this is correct, or if it works, but if you had Custom Design you could see if adding this custom CSS would help on your iPhone.

  @media handheld {
      ul.display-posts-listing {
          white-space: nowrap;
      }
  
      ul.display-posts-listing li a {
          display: inline-block;
      }
  }