Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 28, 2014 at 12:02 pm #257012
    vekman

    Hi, the site is here: http://www.ulkomainonta.com/

    If you shrink the size of the window on desktop browser, you can see how the logo stretches and looks blurry. It works beautifully on iPad but not on desktop with small screen size or with android mobile phone.

    Also with Android phone, the text in the mobile menu looks blurry. It’s ok on iPad and on shrinked desktop window.

    This is the only custom css applied (to fix the buttons and contact form on the frontpage):
    .avia_mobile #top .av-parallax-section{z-index: 0;}

    What should I do?

    April 28, 2014 at 2:50 pm #257089
    Yigit

    Hi Ville!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }}
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 90%; }}

    Cheers!
    Yigit

    April 29, 2014 at 8:03 am #257504
    vekman

    Thanks Yigit, works perfectly

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Mobile browser stretches the logo, text blurry on android phone’ is closed to new replies.