Android Display Problem

  • mahabarbara

    (@mahabarbara)


    7 years, 3 months ago

    I just moved my site to a new host and also changed the theme from my old unsupported theme to Twenty Eleven. The thing that most bothers me is that when I open my site on my Android phone or Kindle fire, the type formatting is gone. What bothers me most is that the block quotes are not called out; they look just like regular text. Is that normal with Twenty Eleven?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • lisa

    (@contentiskey)

    7 years, 3 months ago

    As the theme developer team about the styling for the theme on various devices.
    https://ww.wp.xz.cn/support/theme/twentyeleven/

    mrtom414

    (@mrtom414)

    7 years, 3 months ago

    there is a media query that removes the margin when the site width is below 650px.

    media (max-width: 650px)
blockquote {
    margin: 0;
}
blockquote {
    font-family: Georgia, "Bitstream Charter", serif;
    font-style: italic;
    font-weight: normal;
    margin: 0 3em;
}

    changing them in your custom css will change the way it looks below 650px

    example adding this rule to your custom css will add a margin back and make the qoute bold

    media (max-width: 650px){
 
blockquote {
    font-family: Georgia, "Bitstream Charter", serif;
    font-style: italic;
    font-weight: bold;
    margin: 15px 3em;
}
}
    • This reply was modified 7 years, 3 months ago by mrtom414.
    • This reply was modified 7 years, 3 months ago by mrtom414.
    Thread Starter mahabarbara

    (@mahabarbara)

    7 years, 3 months ago

    I pasted in the first bit of code in an additional CSS field and got error messages, so I was afraid to try it.

    mrtom414

    (@mrtom414)

    7 years, 3 months ago

    the first block was copied from your existing theme. The second block is just a couple of modifications. The last line is all you really need but it has to be enclosed in the media query.
    Did you use the custom CSS in the customizer?

    
  media (max-width: 650px){
 
blockquote {
    margin: 15px 3em;
}
}
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Android Display Problem’ is closed to new replies.