Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 29, 2015 at 11:57 am #387639
    bakbek

    Hi, as you can see here – http://screencast.com/t/STiHyNlFwiHh – the site doesn’t look good on iphone 5 portrait mode. The logo is being cutoff (it is a layerslider) and I wonder why it isn’t being responsive and making the logo fit the screen size?

    Also, the text is much too big for this small screen and I wanted to know if it is possible to make the text smaller just on this screen resolution?

    Thanks.

    January 29, 2015 at 3:14 pm #387714
    Yigit

    Hi DROR!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
font-size: 30px!important;
}}

    Please try adjusting “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout and check if that helps – http://i.imgur.com/E2YOJ5x.png

    Regards,
    Yigit

    January 29, 2015 at 6:58 pm #387900
    bakbek

    The code only makes the H1 heading smaller. How can I also make the testimonials text smaller as that seems to be the biggest problem on the iPhone Tablet resolution.

    Thanks.

    January 29, 2015 at 7:11 pm #387911
    Yigit

    Hi!

    Please add following code to Quick CSS as well 

    @media only screen and (max-width: 480px) {
#top .av-large-testimonial-slider .avia-testimonial-content { font-size: 1.1em; }
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px 50px;
}}

    Best regards,
    Yigit

    January 30, 2015 at 12:35 am #388056
    bakbek

    Thank you very much!!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Site doesn't look Good on iPhone 5 portrait’ is closed to new replies.